Html css中单个标记的不透明度

Html css中单个标记的不透明度,html,css,Html,Css,我正在使用以下css使我的页面的mainDIV中的所有项目都透明: #wrapper { filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; } 这是可行的,一切都是透明的。但例如,我不希望文本、图像和按钮是透明的。我怎样才能做到这一点?您需要使用透明背景(png)作为包装,而不要使用不透明度您可以这样做: #wrapper{ color:rgba(255,255,255,0.9); } 您必

我正在使用以下css使我的页面的main
DIV
中的所有项目都透明:

#wrapper
{
    filter:alpha(opacity=90); 
   -moz-opacity: 0.9; 
   opacity: 0.9; 
}

这是可行的,一切都是透明的。但例如,我不希望文本、图像和按钮是透明的。我怎样才能做到这一点?

您需要使用透明背景(png)作为包装,而不要使用不透明度

您可以这样做:

#wrapper{
    color:rgba(255,255,255,0.9);
}
您必须使用
rgba()
来实现这一点。请浏览本网站:


我也遇到了这个问题,用rgba()解决它确实是解决这个问题的最好方法。在我看来,使用透明图像作为背景并不像应该的那样灵活,我真的反对使用图像,因为你可以通过其他更简单的方式实现你想要的效果。

子元素继承不透明度,你不能直接将其改回。但是有一个解决办法

投反对票有什么理由吗?有人能解释一下吗?我认为我的解决方案是有效的。我只能假设-1是因为PNG基本上是背景的最后手段,例如,它们不会影响文本的不透明度。唯一不支持它的浏览器是旧版本的IE9-和Opera 9.-版本。但是IE9还有很多变通方法,还有Opera9-