JQuery - CSS ninja help wanted - 優秀な図書館

私はJQueryスライダコントロールを使用しています。JQuery - CSS ninja help wanted

IE 6 looks FUBAR。

スクリーンショット（それがどのように見えるべきか）
img24.imageshack.us/img24/9786/safarij.png

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

IE6でFirefox/Chrome/Safariのように見えるようにするにはどのようなCSSを使用できますか？

どのようなCSS忍者の魔法も大歓迎です。

出典

2009-08-17 TimJK

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

ズーム：1; IEがhasLayoutを持つ要素にタグを付けるようにします。この上

更新：

だけ

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

を添加することによって試験し、ズーム、動作するように見えた：1が必要とされませんでした。

出典

2009-08-17 19:48:58

多くの、多くの感謝!!! – TimJK

-2

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

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

出典

2009-08-17 13:57:24

私が言っていることは、IE 6がこのような大きな高さを表示する原因を突き止めることができないということです。意味、私はIEの正しい青いバーの高さを表示させるために条件付きだったとしても、CSSを使用する必要があるか分からない – TimJK

実験。それは、学ぶのに最高の方法です！ –

@ダニエル・ホワイト、私は実際に実験してきました。私はCSSで最高ではありません。私はさまざまなものを試してみましたが、どれもうまくいかないようです。だから私はこの質問を投稿した。どんな助けでも大いに感謝されます – TimJK

あなたは青いバー要素の行の高さを指定し、あまりにも高さを設定する必要があります。それらの属性を（_height：2pxのように）_の前に設定して、IEだけがそれらを解析するようにします。

CSSの検証について気になる人は、Daniel Whiteの提案に従ってください。

出典

2009-08-17 14:29:52 changelog

@changelog、それは重要性の2 DIVが表示されます：\t \t \t .uiスライダーレンジ＆.uiスライダー水平。私はそれらのDIVに次のCSSを追加しましたが、それでも助けにはなりません。 "height：2px; _height：2px; line-height：2px" – TimJK

@changelog、何か考えますか？ – TimJK

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

出典

2009-08-17 14:47:49

JQuery - CSS ninja help wanted

答えて

関連する問題