2010-07-23 212 views
6

我與我們的老朋友IE6有幾個問題。 The site I'm working on適用於公共部門的客戶端,因此它必須支持IE6。在IE7 +,Firefox,Safari和Chrome中滑動條很好。我試過了所有我能想到的東西,但我正在畫一片空白!你能幫我嗎?jQuery滑塊和IE6問題

PC上的IE6。 IE6 Screen grab http://citywest.bangtest.co.uk/stackoverflow/ie6.png

Chrome瀏覽器在Mac Chrome on a Mac http://citywest.bangtest.co.uk/stackoverflow/chrome.png

+1

+1「for a blank a blank 「 – 2010-07-23 12:02:05

回答

1

我看到頁面上的錯誤與IE 6,與MS的腳本編輯器dubugging頁面使我這個文件:

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

這行:

$().newsTicker(options); 

我也可以告訴你,在同一個js文件中的多行$(document).ready(在該文件中是不需要的。你應該合併這些陳述。

ie6沒有提供很好的調試方式,但由於ie6說你在這一行有錯誤,所以開始尋找是個好地方。

-2

不要爲IE 6編寫代碼。它是一個過時的瀏覽器,它隨附的最後一個操作系統是Windows XP。一些較新的代碼在IE6中不能很好地工作。如果你確實得到它的工作,你必須創建黑客才能正確顯示代碼並花費大量時間。代碼爲IE8和Firefox3 +,使用JavaScript來檢測瀏覽器版本和消息去更新他們的瀏覽器。

+4

@kinijite OP的聲音沒有選擇。這可能是他們的合同或類似的東西。 – 2010-07-26 02:13:05

+0

@彼得 - 完美的迴應,是的,它在合同中。 @Kinjite - IE6很爛,但我必須在這份工作上與它合作。 – Shaun 2010-07-26 07:53:58

+1

@Shaun和kinjite:不要使用瀏覽器檢測,而要使用功能檢測,請參閱[功能檢測不是瀏覽器檢測](http://www.nczonline.net/blog/2009/12/29/feature-detection -is-不瀏覽器檢測/)。 – 2010-07-26 14:28:00

4

我不禁跳轉到舊的「IE6 hasLayout」問題(因爲這看起來是一個視覺錯誤)。這可能是值得你花時間去檢查你的元素,以確保他們有「hasLayout」 - IE6遇到的大多數渲染問題都與這個屬性無關。

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

一個快速和骯髒的方法,如果該問題涉及「hasLayout的」是添加非標準,IE專有CSS屬性「縮放:1;」。這不會驗證,但它會將「hasLayout」授予應用它的任何元素。只要把它放在所有涉及的元素上,它就可以解決問題...然後,用可怕的解決方案,你可以弄清楚如何使它驗證:)

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