背景图片无法申请

时间:2015-06-20 20:02:22

标签: html css css3

我正在尝试制作一个背景图片,但是在div中会让它变得模糊。该网站是为朋友制作的,我对此有疑问。我把所有的html和css都放到了一个codepen中。 codepen链接是here.

div.background{
background: url(http://i.imgur.com/DDqQLdi.png);
opacity: 0.6;
filter:alpha(opacity=60);}

这不适用于背景,它仅适用于目前看来的单词。

如果我对自己的需求不是很清楚,我想将这个图像放在div中,这会使背景图像变得模糊,然后我打算在前面放置另一个图像和一条线图片。

感谢任何提供任何帮助的人,感谢所有人,以及实现目标的任何提示!

图像是否需要进入正文而不是背景类?

2 个答案:

答案 0 :(得分:0)

你必须给那个div一些高度,因为目前它只显示为其内容的背景,只有h2标签。

或者,您可以将图像应用于身体,这可能是更好的解决方案

答案 1 :(得分:-1)

我正在研究你的代码。

这是错的,你的css应该只包含这个

body {
background: url("http://i.imgur.com/DDqQLdi.png");
opacity: 0.6;
filter:alpha(opacity=60); }