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。只需将它们显示为块，即可填满整个td。

这样你就不需要为特殊情况重写css代码并向td添加类只是为了防止它们显示悬停效果。

在旧版浏览器中，非:hover代码（例如a）也不支持td。如果你确实设置了一个小提琴，我很乐意证明我的意思。

CSS悬停和IE8的问题

1 个答案: