Question

我对编码很新，我遇到了一些麻烦。

我想在所有适合整个屏幕的页面元素下放置一个背景图片。但是当我尝试这样做时，我所添加的所有p和h的白色着色与图像重叠，使得页面看起来很时髦。只有部分页面才能获得背景图片。

这是我添加到css文件中的代码。

html {
  background: url('imgurl') no-repeat center center fixed; 
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
}

html和css文件无疑是链接的。另外，我在我的示例代码中使用了imgurl，但实际代码链接到了正确的URL。

Answer 1

在没有表现出小提琴的情况下不能说出来。

我的猜测是这样做，所以它删除了你提到的元素的背景。

h1, h2, h3, p {
  background: none;
}

Answer 2

实现此目的的最简单方法之一是使用以下css

#backgroundImage {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: -1;
}

这是一个小提琴：http://jsfiddle.net/usrp7yom/

所有页面元素下的背景图像

2 个答案: