Question

我创建了一个图像，其顶部有一些链接here。它可以在谷歌浏览器和Firefox中运行，但不能在Internet Explorer 8中运行。是否有人知道我是否可以解决这个问题？

Answer 1

由于某些不明原因，IE有时“不喜欢”绝对定位链接的完全透明区域。除了默认transparent none（background: url(about:blank)“hack”之外）设置任何明确的背景，通常会有诀窍）似乎让IE正确对待它们。在IE9 +中，background:rgba(0,0,0,0)似乎也可以解决问题（尽管它应该与transparent per CSS spec相同。）

Answer 2

您可能需要指定图像的z-index以确保它显示在IE8中的链接后面。

Answer 3

我没有您的代码，但我认为这可能会对您有所帮助。试试这堂课：

.dict {
position: relative;
margin-top: -138px;
float: left;
display: block;
height: 116px;

Answer 4

在链接上应该有一个z-index值，在IE（6-7-8）中，z-index仅在父元素也具有z-index值时才起作用：

.dict {
    display: block;
    height: 116px;
    position: absolute;
    top: 79px;
    z-index: 2;
}
<div style="position:relative;width:860px;height:200px;z-index:1;">

Answer 5

我仍然不知道为什么它不起作用。但是通过从html中删除img并将其用作CSS的背景来解决问题（即使对于ie8）。

为什么图像链接在Chrome / Firefox中有效，但在Internet Explorer中无效？

5 个答案: