我使用以下css来使我的网页的主要DIV
所有物品被transparented:不透明度为特定代码
#wrapper
{
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}
这工作,一切都被transparented。但是,例如,我不希望文本,图像和按钮透明。我怎样才能做到这一点?
我使用以下css来使我的网页的主要DIV
所有物品被transparented:不透明度为特定代码
#wrapper
{
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}
这工作,一切都被transparented。但是,例如,我不希望文本,图像和按钮透明。我怎样才能做到这一点?
你可以做到这一点,像这样:
#wrapper{
color:rgba(255,255,255,0.9);
}
你将不得不使用rgba()
实现这一。在这个网站看看:
我也来过这个问题,并与RGBA解决它()是真的要解决这个问题的最好办法。使用透明图像作为背景,在我看来并不像应该那样灵活,而且我真的反对使用图像,当你能以其他更简单的方式达到你想要的效果时。
您需要使用透明背景(以PNG)为您的包装,不使用不透明度
是否有任何反对票的理由?谁能解释一下?我认为我的解决方案是有效的。 – 2012-03-14 10:34:51
我只能假定-1是因为png是bascially为背景的最后手段,并且它们不会影响文本不透明度,例如。 – 2012-03-14 10:47:54
子元素继承不透明度,不能直接将其更改回来。但有一个解决方法http://www.impressivewebs.com/css-opacity-that-doesnt-affect-child-elements/
唯一不支持的浏览器是IE9的老版本和Opera 9.-版本。但是对于IE9以及Opera 9来说,有很多解决方法。 – 2012-03-14 10:45:34