JQuery - CSS忍者帮助想要

我使用的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忍者魔术将不胜感激。

来源

2009-08-17 TimJK

尝试添加字体大小：0;这在过去的情况下帮助了我。

或者可能缩放：1;让IE来标记元素有hasLayout。

更新这个：

加入

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

只是测试，它似乎工作，变焦：是没有必要1。

来源

2009-08-17 19:48:58

很多很多感谢！ – TimJK 2009-08-17 19:56:57

-2

使用IE的条件注释来制作特定的IE6特定样式表来修复任何问题。

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

来源

2009-08-17 13:57:24

我在说的是，我无法弄清楚是什么导致IE 6显示如此之大的高度。意思是，我不知道我需要使用哪些CSS，即使是有条件的，也要让IE显示正确的蓝色条高度 – TimJK 2009-08-17 14:15:50

实验。这是学习的最佳方式！ – 2009-08-17 14:29:48

@Daniel A White，我一直在做实验。我不是最好的CSS。我尝试了很多不同的东西，但似乎没有任何工作。这就是我发布这个问题的原因。任何帮助将大大赞赏 – TimJK 2009-08-17 14:38:13

您必须指定蓝条元素的行高，并设置一个高度了。在它们之前用_设置这些属性（比如_height：2px），这样只有IE才会解析它们。

如果你关心CSS验证，那么按照Daniel White的建议。

来源

2009-08-17 14:29:52 changelog

@changelog，它看起来重要的2个DIV是：\t \t \t .ui-slider-range＆.ui-slider-horizontal。我已经将下面的CSS添加到这些DIV，但它仍然没有帮助。 “height：2px; _height：2px; line-height：2px” – TimJK 2009-08-17 16:27:43

@changelog，有什么想法？ – TimJK 2009-08-17 16:28:22

要在滑块上实现弯曲的“按钮”，该脚本使用CSS属性border-radius，< = ie6不支持该属性。蓝色的酒吧很容易修复，只需给它一个固定的高度和线条高度即可。

来源

2009-08-17 14:47:49

JQuery - CSS忍者帮助想要

回答

相关问题