CSS不透明度在IE8中不起作用

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

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中查看时，它会显示一个白色屏幕。

根据：

IE兼容性说明

如果要在所有IE版本中使用不透明度，顺序应为：

.不透明{
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=50）”；//第一个！过滤器：Alpha（不透明度=50）；//第二个！
}

如果不使用此顺序，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;
     }

根据：

IE兼容性说明

如果要在所有IE版本中使用不透明度，顺序应为：

.不透明{
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=50）”；//第一个！过滤器：Alpha（不透明度=50）；//第二个！
}

如果不使用此顺序，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;
     }

---

谢谢你的回复。我尝试了上面的代码，我仍然得到一个空白的白色屏幕。无更改。请尝试添加到您的html。感谢您的回复。我尝试了上面的代码，我仍然得到一个空白的白色屏幕。无更改。尝试添加到html。您有一个

显示：无属性。这将使元素在所有浏览器中都不可见属性。这将使元素在所有浏览器中都不可见。