0

さて、このサイトを Internet Explorer 7 で見た場合(私は IE 9 でブラウザ モード ツールを使用しています。F12 を押すだけです)。最初の行のテーブル セルにカーソルを合わせると、ヘルプ ボックスが 2 行目 (3 行目) のプロパティ<div class="help">の後ろに隠れます。background

どうしてこれなの？Chrome、Firefox、Opera、IE 8 ～ 9 で動作します (ただし、IE 8 では何らかの理由で jQuery スクリプトが台無しになっています)。、および を下げてみz-indexましたが、まだ成功していません。<table><tr><td>

#1を編集します。そうそう、IE 7 では表のすべての境界線が表示されません。

#2 を編集します。CodeJack の jQuery ソリューションは機能しているようです。

if ($.browser.msie && $.browser.version == "7.0") {
    var z = 1000;

    $("table, tr, th, td, div").each(function() {
        $(this).css("z-index", z);
        z -= 10;
    });
}
4

1 に答える 1

0

Z-IndexはIE7では正しく機能しません。しかし、方法はあります。

解決策は、（絶対に）不透明度が0に設定されたiframe（CSS：filter：alpha（opacity = 0））をdivのすぐ後ろに配置することです。iframeの幅と高さは同じで、divの同じ場所（ただし後ろ）に配置する必要があります。

Jqueryの場合、ここに解決策があります

http://www.vancelucas.com/blog/fixing-ie7-z-index-issues-with-jquery/

編集：境界線についてはmargin-collapseむしろ使用border collapse

于 2012-07-25T07:00:05.370 に答える