如何停止覆盖文本和内容的背景叠加层

时间:2013-05-03 13:14:49

标签: css background overlay

我正在重新设计一个网站,差不多完成了 但是我的背景图块叠加有一点问题:

http://176.32.230.4/mackenziefoy.com/mackenziefoy/wp-content/themes/twentytwelve/images/tile.png/   

目前它看起来像这样:

http://176.32.230.4/mackenziefoy.com/mackenziefoy/)

我希望它只能覆盖bg图像:

http://176.32.230.4/mackenziefoy.com/mackenziefoy/wp-content/themes/twentytwelve/images/background1.jpg/

不在文字或导航上。我有点卡住了!我已经看到它在其他网站上做得很好,但似乎无法达到同样的效果。

2 个答案:

答案 0 :(得分:0)

你正在覆盖半透明元素(例如#titleopacity:0.35),所以它们都完全正确显示。如果你不想让背景“透过”,不要在它上面放一个透明元素,只是让它不透明,并为元素本身设置正确的颜色。没有其他灵活的解决方案。

答案 1 :(得分:0)

您还可以为内容和标题div使用半透明的.png图像(纯黑色或图案)背景,这样也可以产生相同的效果,而不会影响文本