css - CSS hover 和 IE8 的问题

Question

我在使用 IE 8 时遇到问题。
我在一个页面上有 2 个表格单元格，我不希望下面的“悬停”代码起作用(它们有文本但不是链接)。
单元格在div transbox
我添加了上面的“stopcellhover”来完成这个。
它在除 IE 8 之外的所有浏览器中都能正常工作(因此没有悬停效果和不透明度保持不变，文本可见)。
如果我将鼠标悬停在 IE 8 中的 2 个单元格上，我会得到 #666666 背景颜色作为悬停，文本有时存在，有时不存在。
我知道有更好的方法可以做到这一点，我们将不胜感激。

<style type="text/css">
td#nav {margin: 0 0 0 0;}
td.hover, td:hover { position: relative; z-index: 599; cursor: default; background:#1D1D34; }
td:hover > td { visibility: visible }
.stopcellhover:hover
{
background-color: #666666;
}
div.transbox
{
width:860px;
height:450px;
margin:50px 50px;
background-color:#666666;
opacity:.85;
filter:alpha(opacity=85);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
-moz-opacity:.85; /* ff lt 1.5, netscape */
-moz-border-radius:10px;
border-radius:10px;
text-align:center;
}
</style>

谢谢 保罗

Answer 1

为什么首先要将 :hover 应用于 td？我认为你应该只将它应用于 a。只需将它们显示为 block ，使它们填满整个 td。

这样您就不需要开始为特殊情况覆盖您的 css 代码并向 td 添加类只是为了防止它们显示悬停效果。

此外，:hover 在旧版浏览器中的非 a 标签(如 td)也没有得到很好的支持。如果您确实设置了 fiddle ，我很乐意演示我的意思。