仍然忙于为我的学校项目学习HTML5和CSS。但得到了一个问题,我很难过。
我的导航栏中的图像和链接,带有文字的脸部变得透明。即使它不在同一个div中,也不在标题本身中,它具有不透明度值。
帖子是,图像AND链接应该是完全可见的,并且在该背景不透明度的顶部。
事先,抱歉可能是粗俗的编码和命名。
这里是链接: actual site html/css
答案 0 :(得分:1)
你的标题div的不透明度设置为0.7,这样就可以使其中的所有内容都是半透明的。
如果您只想将标题背景透明,则可以将透明度直接添加到标题背景图像中。或者你可以使用rgba背景颜色,如果你的标题背景应该是半透明的特定颜色。 (http://css-tricks.com/rgba-browser-support/)
如果所有这些都不适合您的需求,您可以随时看到如下所示的内容:http://css-tricks.com/snippets/css/transparent-background-images/
答案 1 :(得分:0)
我同意基本问题是你有一个div
嵌套在另一个内。
虽然您的.flub
类的不透明度设置为1.0,但它应用的唯一div
位于.header
div
内,不透明度为0.7。因此,.flub
div
显示100%的可用容量,因为它嵌套在.header
div
(设置为70)中,因此只有70% %不透明度)。请考虑单独设置其他元素的不透明度,而不是设置整个.header
div
的不透明度。