Javascript 如何创建不透明度，与IE 7+、Opera、Chrome、Safari 5、Mozilla 4+兼容，并且不影响子元素

如何创建不透明度，使其不会影响子元素，并与IE7+、Opera、Chrome、Safari 5、Mozilla 4+兼容？ 目前我正在使用

background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

但它与IE7和IE8不兼容

opacity: .8;

不透明度是一个CSS命令，值从0透明到1实体

在IE8上工作至少我能访问的唯一副本

如果希望子元素是不透明的，可以始终

opacity : 1 !important;

发件人：

确保将它们保持在该顺序以实现最大兼容性。请注意，IE的不透明度会对文本抗锯齿和动画造成严重破坏。

尝试以下方法：

opacity:.80; 
filter: alpha(opacity=80) // For IE

---

这将使不透明度达到80%。

您可以尝试与常规RGBA颜色一起使用

例如，一旦安装了rgba.php，您可以使用：

背景：url'rgba.php/rgba255、255、255、0.3'

背景：rgba255、255、255、0.3

---

仅供参考：这对IE7不起作用。另外，将子元素的不透明度设置为1不会使它们不透明。是的，只是澄清一下。顺便说一下，如果您从IE8转到开发者工具F12，您可以切换到IE7仿真模式。单击菜单栏中的按钮。不幸的是，您无法在不影响子元素的情况下降低元素的不透明度。这只是CSS在没有某种黑客的情况下无法做到的事情之一。

opacity:.80; 
filter: alpha(opacity=80) // For IE