jQuery滑块和IE6问题

Question

我和我们的老朋友IE6有一些问题。 我正在研究的网站是针对公共部门的客户，所以它必须支持IE6。 在IE7 +，Firefox，Safari和Chrome中滑块都很好。 我已经尝试了所有我能想到的东西，但我画的是空白！ 你能帮我吗？

在PC上的IE6。 IE6屏幕抓取http://citywest.bangtest.co.uk/stackoverflow/ie6.png

Mac上的 Chrome Chrome浏览器http://citywest.bangtest.co.uk/stackoverflow/chrome.png

Answer 1

我忍不住跳到旧的“IE6 hasLayout”问题（因为这似乎是一个视觉错误）。 你可能值得花时间检查你的元素，以确保它们有“hasLayout” - 我遇到的大多数渲染问题，IE6“没有意义”与这个属性有关。

http://www.satzansatz.de/cssd/onhavinglayout.html

查看问题是否与“hasLayout”相关的快速而又脏的方法是添加非标准的IE专有CSS属性“zoom：1;”。 这将不会验证，但它会将“hasLayout”授予其应用的任何元素。 只需将其放在所涉及的所有元素上，它就可以解决问题......然后，凭借可怕的解决方案，您可以弄清楚如何使其验证:)

/* in your css */
.my_box {
    zoom: 1;
}

Answer 2

我在页面上看到一个错误，即6，用ms脚本编辑器对页面进行调整导致我到这个文件：

http://citywest.bangtest.co.uk/sites/all/themes/citywest/inc/js/jquery.custom.js

这一行：

$().newsTicker(options);

我还可以告诉你多个$(document).ready(同一个js文档中的行在该文件中是不必要的。你应该合并这些语句。

Ie6没有提供一种很好的调试方法，但是因为ie6说你在这一行上有错误，所以它是开始寻找的好地方。

Answer 3

不要为IE 6编码。它是一个过时的浏览器，它附带的最后一个操作系统是Windows XP。 一些较新的代码与IE6不兼容。 如果你确实让它工作，你必须为它创建hacks以正确显示代码并花费数小时这样做。 代码为IE8和Firefox3 +，使用javascript检测浏览器版本，并使用消息更新浏览器。