1

IE 8
に問題があります。ページに 2 つのテーブル セルがあり、以下の「ホバー」コードを機能させたくない (テキストがあり、リンクではない)。
セルは div トランスボックス
にあります。これを実現するために、上記の「stopcellhover」を追加しました。
IE 8 を除くすべてのブラウザーで正常に動作します (したがって、ホバー効果がなく、不透明度が維持され、テキストが表示されます)
。あるときもあれば、ないときもあります。
これを行うためのより良い方法があることは知っています。

<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 に答える