1

我在使用 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>


谢谢保罗

4

1 回答 1

0

你为什么首先:hover申请td？我认为您应该将其应用于a唯一。只需将它们显示为块以使它们填满整个td.

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

旧版浏览器中的非标签（如）也:hover没有得到很好的支持。如果您确实设置了小提琴，我很乐意证明我的意思。atd

于 2013-01-18T20:00:39.617 回答