Css 如何控制div的可见性级别并使其透明？

我可以控制一些div在我的网站中的可见性，并且只使用CSS使其成为透明的吗？在flash中，它是通过控制所谓的Alfa来完成的，所以我想知道CSS中是否存在这样的东西

001版

---

我可以只控制div背景的不透明度吗？因此div中的文本不会受到影响？

您可以在CSS中使用不透明度

.transparent_class {
 opacity: 0.5;
}

我认为Internet Explorer中的不透明度存在一些问题，因此下面是如何更改IE中透明度的示例：

.opaque1 { // for all other browsers
 opacity: .5;
}

.opaque2 { // for IE5-7
 filter: alpha(opacity=50);
}

.opaque3 { // for IE8
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

HTH

---

另一种只使背景透明的方法是使用透明的png作为背景图像，然后用于特殊的雪花IE。据我所知，这在所有浏览器中都有效。

这里有一个关于CSS导航菜单的好链接，我希望它会有所帮助：

---

是的，但是IE6，也许还有7，会在这上面呕吐。在这些浏览器中，如果没有javascript库或过滤技巧，就不能设置不透明度。这是一种方法，但它的缺点是所有子代继承相同的不透明度。如果您只希望背景色是透明的，可以使用

背景色：rgba（12,34,56,0.5）

其中最后一个数字是alpha通道值（0-1）。此>>背景色：rgba（12,34,56,0.5）是否可以仅控制背景的不透明度？因此div中的文本不会受到影响？在体面的浏览器中，正如

nikc

所说，您可以使用rgba颜色：

背景色：rgba（255,0,0,0.5）//transulcent red

。不过我还是要吐出来。这个页面有另一个可以在IE中使用的过滤技巧的片段：但实际上，如果将半透明PNG图像设置为您想要的颜色和不透明度，您可能会有更好的运气。transparent PNG！非常有趣的把戏！它能在所有浏览器上运行吗？@MAK-in除了IE6之外的所有浏览器（至少，不是没有黑客攻击的——请参阅DDBelatedPNG）

.opaque1 {  // for all other browsers
    opacity: .5;
}

.opaque2 {  // for IE5-7
    filter: alpha(opacity=50);
}

.opaque3 {  // for IE8
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}