为什么设置多个背景图显示的还是第一个
来源：2-18 编程练习
天青色烟雨蒙
2019-04-29 12:49:46
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>background-image</title>
<style type="text/css">
/*此处写代码*/
div{
width: 300px;
height: 410px;
background-image: url("http://climg.mukewang.com/582c3b780001a95103000090.jpg"),
url(http://climg.mukewang.com/582c3b6d0001197603000090.jpg),
url(http://climg.mukewang.com/582c3b61000122dd03000090.jpg);
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div></div>
</body>
</html>写回答
3回答
-
henghengbaba
2019-05-23
0 -
快速反击十分
2019-05-23
在div选择器中增加下面这两个属性可以实现
background-repeat: no-repeat;
background-position: 0 0, 0 100px, 0 200px;
0 -
好帮手慕慕子
2019-04-29
同学你好， 因为背景图片重复显示,占满整个div。 所以设置多个背景图片显示的时候， 需要设置背景图片不重复， 以及背景图片的位置不同。另，可以使用background符合属性， 简化代码书写哦。 参考下图示例：
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
0
相似问题