0

我在这里创建了一个带有一些链接的图像。它可以在 Google Chrome 和 Firefox 中正常工作，但在 Internet Explorer 8 中却不行。有人知道我如何/是否可以解决这个问题吗？

4

5 回答 5

1

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

于 2013-09-18T06:42:16.573 回答
0

我没有你的代码，但我认为这可能会对你有所帮助。试试这个类：

.dict {
position: relative;
margin-top: -138px;
float: left;
display: block;
height: 116px;
于 2013-09-17T14:10:11.220 回答
0

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

于 2013-09-18T05:57:36.287 回答
0

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

于 2013-09-17T14:07:08.293 回答
0

在链接上应该有一个z-indexstart 值，在 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;">
于 2013-09-17T14:14:46.600 回答