jquery - JQuery - CSS 忍者のヘルプ募集

Question

JQuery スライダー コントロールを使用しています

IE 6 は FUBAR に見えます。

スクリーンショット (どのように見えるか)
img24.imageshack.us/img24/9786/safarij.png

スクリーンショット (IE6)
img99.imageshack.us/img99/3418/ie6o.png

IE6 を Firefox/Chrome/Safari のように見せるには、どの CSS を使用できますか?

CSS忍者マジックは大歓迎です。

Answer 1

font-size：0;を追加してみてください。これは、過去にこのような状況で私を助けてくれました。

または多分ズーム：1; IEにタグを付けるには、hasLayoutがあります。

これに関する更新：

追加してテストしました

 div.ui-slider-range
,div.ui-widget-header
{
    font-size: 0;
}

そしてそれはうまくいったようで、zoom：1は必要ありませんでした。

Answer 2

青いバー要素の行の高さを指定し、高さも設定する必要があります。これらの属性の前に _ を付けて (_height: 2px のように) 設定し、IE だけがそれらを解析できるようにします。

CSS の検証に関心がある場合は、Daniel White が提案したことを実行してください。

Answer 3

スライダーで曲線の「ボタン」を実現するために、スクリプトは CSS プロパティの border-radius を使用しますが、これは <=ie6 ではサポートされていません。青いバーは簡単に修正できます。固定の高さと線の高さを指定するだけです。

Answer 4

IEの条件付きコメントを使用して、問題を修正するためのIE6に固有の特別なスタイルシートを作成します。

http://msdn.microsoft.com/en-us/library/ms537512%28VS.85%29.aspx