标题中的图像不透明

时间:2014-03-18 22:04:30

标签: html css html5 opacity

仍然忙于为我的学校项目学习HTML5和CSS。但得到了一个问题,我很难过。

我的导航栏中的图像和链接,带有文字的脸部变得透明。即使它不在同一个div中,也不在标题本身中,它具有不透明度值。

帖子是,图像AND链接应该是完全可见的,并且在该背景不透明度的顶部。

事先,抱歉可能是粗俗的编码和命名。

这里是链接: actual site html/css

2 个答案:

答案 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的不透明度。