Question

我正在使用JQuery Slider Control

IE 6看起来很FUBAR。

屏幕截图（它应该如何看）
img24.imageshack.us/img24/9786/safarij.png

截图（IE6）
img99.imageshack.us/img99/3418/ie6o.png

我可以使用哪些CSS来使IE6看起来像Firefox / Chrome / Safari？

任何CSS忍者魔法都将不胜感激。

Answer 1

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

如果你关心CSS验证，那就做Daniel White建议的那样。

Answer 2

要在滑块上实现弯曲的“按钮”，脚本使用CSS属性border-radius，而在＆lt; = ie6中不支持。蓝色条很容易固定，只需给它一个固定的高度和一个线高。

Answer 3

尝试添加font-size：0;这在过去的情况下帮助了我。

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

更新：

刚刚通过添加

进行测试

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

它似乎工作，缩放：1不需要。

Answer 4

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