为什么我这个代码填写center 和 fixed滚动就不显示图片就不好使

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2-15backeground缩写</title>
<style type="text/css">
*{margin:0px;padding:0px;}
div{
width:600px;height:2500px;
border:2px #9447EB dashed;
background:url(D:/videoplayback.mp4_20190104_232853.542.jpg) no-repeat #B74111  fixed/*scroll left top*/bottom left;

}
</style>
</head>
<body>
<div>

</div>
</body>
</html>

；添加多张图片也不显示

花盖梨 2019-03-16

源自：CSS背景和列表 2-15 background

收起

2回答

好帮手慕星星 2019-03-18 09:49:29

你好，引入多张图片使用一个background属性即可，例如：

 div {
        width: 100%;
        height: 2500px;
        border: 2px #9447EB dashed;
        background: url('images1/1.jpg') no-repeat fixed bottom left,
            url('images1/2.jpg') no-repeat #B74111 fixed left;
    }

图片路径可以换成自己的。

祝学习愉快！

收起回答

好帮手慕星星 2019-03-17 12:22:50

你好，测试了代码是可以显示出来的：

只不过图片只显示出来一部分，这是因为固定定位是相对于浏览器视口来说的，div设置的宽度小。

自己测试可能不显示出来，是因为显示器分辨率比较大，图片超出了盒子宽度，可以将div盒子设置宽度为100%。

自己可以测试下，祝学习愉快！

收起回答

提问者花盖梨 #1

怎么插入多张背景图片，同样的fixed属性生效？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>2-15backeground缩写</title> <style type="text/css"> *{margin:0px;padding:0px;} div{ width:600px;height:2500px; border:2px #9447EB dashed; background:url(D:/videoplayback.mp4_20190104_232853.542.jpg) no-repeat #B74111 fixed/*scroll left top*/bottom left; background:url(D:/360安全浏览器下载/129650049_1455611918_kTbz.jpg) no-repeat #B74111 fixed left; } </style> </head> <body> <div> </div> </body> </html>

2019-03-17 17:28:03