2

必要なものに合わせてスタイルを設定したこのjQuery selectBoxプラグインと、各オプションの値で指定されたhrefに移動するための「Go」ボタンがあります。機能とスタイルは、FF、Chrome、および IE10 で美しく機能します。ただし、IE7、8、および 9 ではまったく機能しません。

次のjQuery修正を使用して、すべてのdivにz-indexがあることを確認するなど、ここで遭遇したさまざまなことを試しました:

    $(function () {
        var zIndexNumber = 1000;
        $('div').each(function () {
        $(this).css('zIndex', zIndexNumber);
        zIndexNumber -= 10;
        });
    });

私が試したことはありませんが、IE に違いはありません。問題がCSSに存在することはほぼ確実です。私は多くの css3 スタイルを使用しており、それらを削除しようとしました...解決策はまだありません。これに関する助けがあれば大歓迎です！:)

ここに私のJSFIDDLEがあります：http://jsfiddle.net/defmod33/hX2Ma/

そして、「機能していません」とは、ドロップダウン部分がまったく表示されていないことを意味します...

4

1 に答える 1

0

私は最終的にこの問題を解決しました。私が予想したように、問題は CSS にありました。選択ボックスのドロップダウン機能は、IE にグラデーションを提供する「filter:」スタイル タグを壊します。スタイルタグを削除することもできましたが、将来この状況のより良い修正が見つかった場合に備えて、いくつかの条件付きコメントを作成することにしました (後で必要になった場合に備えて、「フィルター:」を保持したかったのです)。 ）。

使用される条件付きコメント:

    <!--[if lte IE 9]>
      <style type="text/css">
        .sbHolder, .goButtonOne, .goButtonTwo {
           filter: none;
        }
      </style>
    <![endif]-->

    <!--[if lte IE 8]>
     <style type="text/css">
        .sbHolder {
           background:#ccc;
        }
        .goButtonOne, .goButtonTwo {
           background:#bf6c65;
        }
      </style>
    <![endif]-->

最初のものは、IE9 以下のフィルターを取り除きます。2 番目の色は、フィルターを削除した後はブラウザーにない 2 番目の背景色を提供します (IE8 以下)。

于 2013-04-30T19:33:52.127 に答える