background和background-image有什么区别？
background和background-image有什么区别？为什么改成background-image就不能实现呢？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>background-origin</title>
<style type="text/css">
div{
width: 300px;
height:200px;
padding: 5px;
border:10px solid purple;
background: url(http://img1.sycdn.imooc.com/climg//582c342b0001fd6507000210.jpg);
background-clip: padding-box;
}
div:hover{
background: url(http://img1.sycdn.imooc.com/climg//582c34220001091605000150.jpg) no-repeat 10px 10px;
background-clip: border-box;
/*background-position: 10px 10px;*/
background-origin: content-box;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>7
收起
正在回答
1回答
同学你好，区别如下：
1、background是设置背景样式（包括背景颜色、背景图片等属性）的符合属性
2、background-image属性只表示设置背景图片样式。
如果想要换成background-image属性实现效果，需要分开写其他的属性，如下：
如果我的回答帮助了你，欢迎采纳，祝学习愉快~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星