老师帮我看下这个问题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>background-image</title>
<style type="text/css">
/*此处写代码*/
*{
margin:0;
padding:0;
}
div{
width:300px;
height:310px;
border:1px solid red;
padding:20px;
background-origin:content-box;
background:url(http://img1.sycdn.imooc.com/climg//582c3b780001a95103000090.jpg) center 20px no-repeat,
url(http://img1.sycdn.imooc.com/climg//582c3b6d0001197603000090.jpg) center 130px no-repeat,
url(http://img1.sycdn.imooc.com/climg//582c3b61000122dd03000090.jpg) center 240px no-repeat;
background-clip:content-box;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div></div>
</body>
</html>
正在回答
同学你好， 因为引入背景图片使用的复合属性background, 覆盖了前面设置的background-origin: content-box；属性。 建议：同学可以参考下图调整顺序。然后为第一张图片竖直方向设为０查看效果哦
如果帮助到了你， 欢迎采纳！
祝学习愉快～～～
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星