我正在重新设计一个网站,快完成了然而,我有一个小问题,关于我的背景贴图叠加:
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/
不能超过文本或导航。我有点卡住了!我在其他网站上看到它做得很好,但似乎无法达到同样的效果。
您正在覆盖半透明元素(例如#title
有opacity:0.35
),因此它完全正确地显示。如果你不想让背景"闪耀",不要在它上面放一个透明的元素,只需要让它不透明,并为元素本身设置正确的颜色。没有其他灵活的解决方案。
您也可以使用半透明的。png图像(纯黑色或图案)作为内容和标题div的背景,这也会产生相同的效果,而不会影响文本