带有锚标记的 Internet Explorer css

Question

我正在查看此站点上的一些帖子，但仍然找不到解决方案。
这是我的html：

<div id="id1">
  <div id="id2">
    <div id="id3">
      <a id="id4" class="divItem">
        text
      </a>
    </div>
  </div>
</div>

和css：

#id1 {
width:960px;
margin:auto;
}

#id2 {
position:relative;
font-family:Calibri;
}

#id3 {
float:right;
position:relative;
margin-bottom:10px;
font-size:12px;
color:#5E666D;
}

.divItem {
float:left;
margin-right:10px;
}

a.divItem:hover {
color:#AD8E5A;
font-size:11px;
}

但是 divItem 上的悬停不会出现在 Internet Explorer 中，只出现在 safari、firefox 和 chrome 中。

Answer 1

Internet Explorer 6 只能在具有href 属性的a 元素上解释:hover。您缺少该属性。

有一个fix 可以让:hover 像在其他浏览器中一样工作。