Question

我将身体设置为：

body { background-image: url(file:///Volumes/HDD/photomadness_remixed/css/Flavours_400812054.jp2);
background-attachment: fixed;
background-position: center;
background-size: cover;
z-index: 0;}

并显示我的背景，但是当我设置此代码时：

    body {
    z-index: -1;
    background: #425b77; }
#myBody {
    background-image: url(file:///Volumes/HDD/photomadness_remixed/css/Flavours_400812054.jp2);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    z-index: 0;
}

它只是不显示背景而是显示我在body标签上设置的颜色。知道如何解决这个问题吗？

编辑：当我在另一个网页上看到这个代码时，我的工作正常，并且我写了exakt相同的东西。

这是我在第二行代码中的结果： https://www.dropbox.com/s/ioo1cnfszdzh0wu/Skärmavbild%202014-03-07%20kl.%2018.44.33.png?m=

这是我从第8行及以下代码获得的结果： http://www.dropbox.com/s/d8wjnwt346gzdv3/Skärmavbild%202014-03-07%20kl.%2018.44.02.png?m=

编辑：如果我在<div id="myBody"></div>内添加内容，那么它也会模糊，因为我想要一个模糊过滤器。

Answer 1

试试这个：

body {

background: #425b77; }
#myBody {
background:url(your picture) no-repeat center center scroll;
background-size: cover;
-moz-background-size: cover;
width:50%; height:50%;
display:block;
position:fixed;
z-index:1001;

}

这只是示例...根据您的意愿更改position width和height

Answer 2

您忘记添加Height和Width（或添加内容执行该div）。

Html：后台失败

2 个答案: