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



我正在重新设计一个网站,快完成了然而,我有一个小问题,关于我的背景贴图叠加:

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/

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

您正在覆盖半透明元素(例如#titleopacity:0.35),因此它完全正确地显示。如果你不想让背景"闪耀",不要在它上面放一个透明的元素,只需要让它不透明,并为元素本身设置正确的颜色。没有其他灵活的解决方案。

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