Question

可能重复：
Opacity CSS not working in IE8

所以我一直试图让IE8中的不透明度工作（不是IE8更像是IE9中的IE8浏览器模式），并且出于某种原因，不透明度没有得到应用。这就是我对CSS的看法。

    nav a:hover {
    color: #fff;
    background: none;
}

nav a:hover:after {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: #fff;
    content: '';
    /* IE8 Sucks Balls */
    opacity: 0.10;
    filter: alpha(opacity=10);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
    display: block;
    zoom: 1;
}

Answer 1

可能只是因为您处于兼容性视图中。但我对此表示怀疑。

无论如何我认为这可能是因为你的背景设置为白色以及你正在使用的事实，例如低不透明度。我会将背景设置为＃000，不透明度为.8，以确保不是问题。也像约瑟夫说的那样。我不知道这是做什么的，nav a:hover:after

此工具也适用于检查旧浏览器。（在某种程度上）。

http://www.my-debugbar.com/wiki/IETester/HomePage

如果是我，我会用透明的png作为背景。我会进入photoshop制作1x1黑色方块，将不透明度设置为10％，然后将其保存为png。

#myelement {
background-image:url('mytransparentbg.png');
}

Answer 2

我敢打赌这是因为你使用IE5模式下的IE9不支持的HTML5 nav标签，因此无效。虽然它在正常的IE9模式下支持它。

编辑。 This article和链接的特定部分必须在不支持它们的浏览器中使用HTML5元素时阅读。

IE8 Opacity不工作

2 个答案: