我正在尝试制作一个背景图片,但是在div中会让它变得模糊。该网站是为朋友制作的,我对此有疑问。我把所有的html和css都放到了一个codepen中。 codepen链接是here.
div.background{
background: url(http://i.imgur.com/DDqQLdi.png);
opacity: 0.6;
filter:alpha(opacity=60);}
这不适用于背景,它仅适用于目前看来的单词。
如果我对自己的需求不是很清楚,我想将这个图像放在div中,这会使背景图像变得模糊,然后我打算在前面放置另一个图像和一条线图片。
感谢任何提供任何帮助的人,感谢所有人,以及实现目标的任何提示!
图像是否需要进入正文而不是背景类?
答案 0 :(得分:0)
你必须给那个div一些高度,因为目前它只显示为其内容的背景,只有h2标签。
或者,您可以将图像应用于身体,这可能是更好的解决方案
答案 1 :(得分:-1)
我正在研究你的代码。
这是错的,你的css应该只包含这个
body {
background: url("http://i.imgur.com/DDqQLdi.png");
opacity: 0.6;
filter:alpha(opacity=60); }