Question

我在调整背景不透明度时遇到问题。

的style.css

.divOpacity1 {
     position: absolute;
     z-index: 1;
     height: 2000px;
     width: 100%;
     background-color: #FFFFFF;
     top: 2px;
     left: 0px;
     opacity: 0.6;
     -moz-opacity: 0.6;
     filter: alpha(opacity =60);
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
     display: none;
     }

此代码适用于IE10和IE11。但是当在IE8中查看时，它会显示白屏。

Answer 1

根据quirksmode：

IE兼容性说明

如果您希望不透明度适用于所有IE版本，则顺序应为：

.opaque { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first! filter: alpha(opacity=50);// second! }

如果您不使用此订单，IE8-as-IE7不会应用不透明度，   虽然IE8和纯IE7一样。

因此，请更改规则的顺序。

.divOpacity1 {
     position: absolute;
     z-index: 1;
     height: 2000px;
     width: 100%;
     background-color: #FFFFFF;
     top: 2px;
     left: 0px;
     opacity: 0.6;
     -moz-opacity: 0.6;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
     filter: alpha(opacity =60);
     display: none;
     }

CSS不透明在IE8中不起作用

1 个答案: