liteAccordion（jQueryの水平アコーディオンプラグイン）をIE6で動作させるには

Question

私はthis Pluginを使用しており、私の要求に合わせていくつかの変更を加えました。これはIE6では動作しません。どのようにIE6とIE8で動作させるには？それを動作させるためにCSSを調整するには？

http://nicolahibbert.com/demo/liteAccordion/

Answer 1

これは、最も簡単なオプションは、IE6で作業を行い、代替プラグインを見つけることがあるかもしれないのでIE6は、このプラグインでサポートされていない文書の状態を行います。もちろん、IE6を自分でサポートすることはできません。

実際にこの特定のプラグインでIE6をサポートする必要がある場合は、IE6でサポートされていないCSS機能を調べる必要があります。

• >子セレクタ：

  はcss file for the accordion on the demo pageを見ると、これは以下が含まれています。

• :hoverセレクタ。
• border-radius

そしておそらくより

display: inline-block;

。

このうちいくつかは（border-radiusなど）を使わずに行うことができますが、そのほとんどは確実に動作するために必要なものです。 >子セレクタはあなたのための大きなキラーになります。ホバーも大きな問題になります。

子セレクタを子孫セレクタに置き換えることができます。つまり、>のシンボルを単純なスペースで置き換えることができます。これはIE6で動作し、しばしば同じ機能を提供します。しかし、彼は理由のためにスペースではなく>を使用している可能性が高い。これは、これが何かを壊す可能性が高いことを意味する。それは試してみる価値はありますが、それがバットからまっすぐに働くことは期待しないでください。物事をバックアップして実行するには、さらに作業を行う必要があります。

:hoverを有効にするには、IE6で:hoverが<a>タグでのみ動作することが必要です。だからコードを修正するには、ホバリングの影響を受ける要素が<a>になるようにコードを書き直す必要があります。

全体を書き換えないようにしたい場合は、Dean Edwards' IE7.jsなどのJavascriptハックを使用することをおすすめします。これは、古いバージョンのIEに機能を追加しようとするjavascriptユーティリティです。これには、一部のCSSセレクタのサポートが含まれます。同様の仕事をする別の方法はSelectivzrです。

:hover CSS機能は、IE6でjavacript hack whatever:hoverを使用することによって強制的に動作させることができます。これはちょうど<a>タグだけでなく、IE6でどんな要素のためにもホバリング作業を行うきちんとした小さなハックです。

これらのスクリプトを1つ以上サイトに追加するだけで、既存のCSSを使用することができます。私はそれを保証することはできませんが、それからIE6で多くを保証するのは難しいです。

border-radiusは必須ではありませんが、動作させたい場合は、最高のハックはCSS3Pieです。これは、IEの古いバージョンで丸みを帯びたコーナーサポートを追加するのにうまく機能します。しかし、あなたが使用している他のすべてのハックでは、私はあなたがする必要がない限り、それを使用しないことをお勧めします、すべてのJavaScriptはIE6のような古いブラウザでパフォーマンスの問題を引き起こす可能性があります。

希望に役立ちます。