仍然忙于为我的学校项目学习 HTML5 和 CSS。但是有一个问题，我很难过。
导航栏中的图像和链接，带有文字的脸，变得透明。即使它与标题本身不在同一个 div 中，也不在类中，但它具有 opacity 值。
帖子是，图像和链接应该完全可见，并且在该背景不透明度的顶部。
在此之前，对于类的可能粗制滥造的编码和命名，我们深表歉意。
以下是链接： actual site html/css
【问题讨论】：
header？
您的标题 div 的不透明度设置为 0.7，因此其中的所有内容都是半透明的。
如果您只希望您的标题 背景 是透明的，您可以将透明度直接添加到您的标题背景图像。或者您可以使用 rgba 背景颜色，如果您的标题背景应该是半透明的特定颜色。 (http://css-tricks.com/rgba-browser-support/)
如果所有这些都不能满足您的需求，您总是可以喜欢这里显示的东西：http://css-tricks.com/snippets/css/transparent-background-images/
【讨论】：
我同意基本问题是你有一个 div 嵌套在另一个里面。
虽然您的 .flub 类的不透明度设置为 1.0，但它唯一适用的 div 位于 .header div 内部，不透明度为 0.7。因此，您的 .flub div 以 100% 的可用容量显示，这仅是 70%，因为它嵌套在您的 .header div（设置为 70% 不透明度）中。考虑单独设置其他元素的不透明度，而不是设置整个.headerdiv的不透明度。
【讨论】：