2009-08-17 69 views
0

我使用的JQuery滑塊控件JQuery - CSS忍者幫助想要

IE 6看起來FUBAR。

截圖(它應該是什麼樣子)
img24.imageshack.us/img24/9786/safarij.png

截圖(IE6)
img99.imageshack.us/img99/3418/ie6o.png

我可以使用什麼CSS讓IE6看起來像Firefox/Chrome/Safari?

任何CSS忍者魔術將不勝感激。

回答

0

嘗試添加字體大小:0;這在過去的情況下幫助了我。

或者可能縮放:1;讓IE來標記元素有hasLayout。

更新這個:

加入

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

只是測試,它似乎工作,變焦:是沒有必要1。

+0

很多很多感謝! – TimJK 2009-08-17 19:56:57

-2

使用IE的條件註釋來製作特定的IE6特定樣式表來修復任何問題。

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

+0

我在說的是,我無法弄清楚是什麼導致IE 6顯示如此之大的高度。意思是,我不知道我需要使用哪些CSS,即使是有條件的,也要讓IE顯示正確的藍色條高度 – TimJK 2009-08-17 14:15:50

+0

實驗。這是學習的最佳方式! – 2009-08-17 14:29:48

+1

@Daniel A White,我一直在做實驗。我不是最好的CSS。我嘗試了很多不同的東西,但似乎沒有任何工作。這就是我發佈這個問題的原因。任何幫助將大大讚賞 – TimJK 2009-08-17 14:38:13

0

您必須指定藍條元素的行高,並設置一個高度了。在它們之前用_設置這些屬性(比如_height:2px),這樣只有IE纔會解析它們。

如果你關心CSS驗證,那麼按照Daniel White的建議。

+0

@changelog,它看起來重要的2個DIV是:\t \t \t .ui-slider-range&.ui-slider-horizo​​ntal。我已經將下面的CSS添加到這些DIV,但它仍然沒有幫助。 「height:2px; _height:2px; line-height:2px」 – TimJK 2009-08-17 16:27:43

+0

@changelog,有什麼想法? – TimJK 2009-08-17 16:28:22

0

要在滑塊上實現彎曲的「按鈕」,該腳本使用CSS屬性border-radius,< = ie6不支持該屬性。藍色的酒吧很容易修復,只需給它一個固定的高度和線條高度即可。