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檢測瀏覽器版本，並使用消息更新瀏覽器。