我想问一下,为什么我设置显示方式:fixed

来源:2-15 background

萌神丶kin

2019-09-04 22:58:17

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        *{

            padding: 0;

            margin: 0;

        }

        .box{

            margin:0 auto;

            width: 500px;

            height: 1500px;

            border: solid red 1px;

            background: url(3.png) no-repeat 100px 0px;

            background-attachment: fixed;

        }

     </style>

</head>

<body>

    <div class="box">

      1111

    </div>

</body>

</html>

我想问一下,为什么我设置显示方式:fixed   在设置margin:0 auto;  图片会不显示?

写回答

6回答

好帮手慕言

2019-09-05

同学你好,可以修改一下背景图像的位置(老师这边没有同学的3.png这张图片,老师换成了其他图片)

http://img.mukewang.com/climg/5d70722f0001e4f708390295.jpg

效果:

http://img.mukewang.com/climg/5d7072ae000148ff07870322.jpg

如果帮助到了你,欢迎采纳~祝学习愉快~

0

萌神丶kin

提问者

2019-09-05

根据视口移动,   盒子居中了。背景图片还在左上角。。。

0

萌神丶kin

提问者

2019-09-05

找到问题了。 宽度不够,显示不出来 隐藏了

0

萌神丶kin

提问者

2019-09-04

在 margin:0 auto; 外边距水平方向自动, 设置背景图片并设置为background-attachment: fixed;会使图片不显示?

0

萌神丶kin

提问者

2019-09-04

改了一下盒子位置 让他居中了。然后设置了个背景图。让他固定在浏览器视口。
然后图片就不见了?什么鬼。。

0

萌神丶kin

提问者

2019-09-04

http://img.mukewang.com/climg/5d6fd13600019c3318470748.jpg
如图,图片根本就没显示。不知道去哪里了

0

0 学习 · 40143 问题

查看课程