css - 如何停止覆盖文本和内容的背景覆盖

Question

我正在重新设计一个网站，几乎完成了但是我的背景瓷砖覆盖有一个小问题：

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/

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

Answer 1

您正在覆盖半透明元素（例如#titlehas opacity:0.35），因此它完全正确显示。如果您不希望背景“透光”，请不要在其上放置透明元素，只需使其不透明并为元素本身设置正确的颜色即可。没有其他灵活的解决方案。

Answer 2

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