我正在使用 JQuery 滑块控件
IE 6 看起来 FUBAR。
屏幕截图(它应该看起来如何)
img24.imageshack.us/img24/9786/safarij.png
屏幕截图 (IE6)
img99.imageshack.us/img99/3418/ie6o.png
我可以为 IE6 使用什么 CSS 让它看起来像 Firefox/Chrome/Safari?
任何 CSS 忍者魔法将不胜感激。
我正在使用 JQuery 滑块控件
IE 6 看起来 FUBAR。
屏幕截图(它应该看起来如何)
img24.imageshack.us/img24/9786/safarij.png
屏幕截图 (IE6)
img99.imageshack.us/img99/3418/ie6o.png
我可以为 IE6 使用什么 CSS 让它看起来像 Firefox/Chrome/Safari?
任何 CSS 忍者魔法将不胜感激。
您必须指定蓝色条形元素的行高,并设置一个高度。用 _ 在它们之前设置这些属性(例如 _height: 2px),以便只有 IE 会解析它们。
如果您关心 CSS 验证,请按照 Daniel White 的建议进行操作。
为了在滑块上实现弯曲的“按钮”,脚本使用 CSS 属性border-radius,<=ie6 不支持该属性。蓝条很容易修复,只需给它一个固定的高度和行高。
尝试添加 font-size: 0; 在过去的这种情况下,这对我有所帮助。
或者也许缩放:1;让 IE 标记具有 hasLayout 的元素。
对此进行更新:
刚刚通过添加测试
div.ui-slider-range
,div.ui-widget-header
{
font-size: 0;
}
它似乎工作, zoom:1 不需要。
使用 IE 的条件注释来制作一个特定于 IE6 的特殊样式表来解决任何问题。
http://msdn.microsoft.com/en-us/library/ms537512%28VS.85%29.aspx