2010-11-19 17 views
3

在開發必須支持Internet Explorer 6的站點時,您應該考慮哪些好的注意事項和指導方針?支持IE6的注意事項和指導方針

我不是在尋找現在我們都已經瞭解到的大量錯誤的解釋。我需要,例如,一個人應該更喜歡某些任務元素,事情根本不工作在IE6,CSS提示等一些通用的信息

+6

停止支持IE6! – Kyle 2010-11-19 11:10:02

+3

@凱爾:我同意,我甚至贊成你的評論,但有些人沒有那種奢侈。例如,OP可能正在針對停留在IE6上的公司開展工作,因爲依賴於不會在其他任何項目上運行的應用程序。傷心,但是真的。 – AgentConundrum 2010-11-19 11:16:31

+1

http://www.ie6nomore.com/是一個很好的資源;) – 2010-11-19 11:21:01

回答

3

這裏是我能想到的,現在的因素:受

  • 沒有Alpha透明的PNG支持
  • 沒有哈弗美國除了<a >標籤
  • CSS花車出現行爲異常。
  • 不能使用最大/最小寬度/高度。
  • 框模型衝突(填充不添加到元素的寬度)。
  • 有時會增加一倍的利潤。
  • IE6不支持position:fixed。

...我開始感到沮喪,所以我會停下來。

+0

這些都是很好的提示,但它們都是簡單的CSS缺點或某種錯誤。我想知道的是更具體的場景,例如,如果我要在頁面正文的右側創建垂直菜單,在支持IE6時標記的最佳方式是什麼?像這樣的東西。 – 2010-11-19 11:56:37

+0

這種場景的功能大約有四分之一到四分之一。大多數涉及我概述的六個基本問題中的至少一個。 – 2010-11-19 12:24:07

1

雖然只是說「不支持IE6!」對於那些不必處理現實的人來說聽起來真的很好,很容易,但許多網絡開發人員/設計人員在這個決定中完全無法控制。

有了這個說法,顯然這個理想會是「不支持ie6」。

如果你必須支持它,你有多少支持它取決於你爲什麼必須;是因爲你的網絡應用程序適用於一家擁有多個IE6安裝的公司,它知道它不會很快升級,或者它只是針對希望爲每個可能的用戶提供「支持」的客戶?或者它介於兩者之間?一般來說,我的目標是IE6上的「功能性,非完全醜陋,但絕對不是像素完美」的外觀。我使用IETester來檢查IE的所有版本(例如IE7和IE8之間的差異),所以我也包括了IE6,只是擔心讓它們看起來大部分功能。

對於我的客戶來說,這已經足夠了。有一對夫婦詢問了IE6的支持情況,我已經能夠向他們展示:1)互聯網上仍然使用它的一般用戶組是相對較小,而且2)這些用戶可能在網絡上的任何地方看到如此多的故障無論如何,他們可能不會再注意到它們了。我知道#2可能聽起來非常不屑一顧,但我有大量的證據支持它。

基本思想歸結爲;你真的會花多少時間調整一個網站,使其完美適用於一箇舊的,不受支持的瀏覽器,這種瀏覽器每天使用的時間越來越長,當你可以讓它變得可以接受的時候,然後把剩下的時間用完到更現代的瀏覽器。

但是,您可以採取這種路線的程度取決於IE6支持對僱傭您的人有多重要,以及爲什麼這對他們很重要。

但無論如何,IETester是檢驗它一個明確的建議: http://www.my-debugbar.com/wiki/IETester/HomePage

1

可憐你不必支持IE6,我們都在那裏我猜...

不幸的是我不能指向你一些通用的指導方針,除了KISS原則(保持簡單愚蠢)。只需堅持CSS 2.1,不要使用任何奇特的新技術,如HTML5。也不要想到使用任何類型的特殊CSS選擇器,如blabla > blabla

讓我點你到一些網站可能幫助你在你的努力:

對於測試,我建議設置一個小型虛擬機(我建議使用Windows XP)與運行IE6。像IETester這樣的測試工具可能會使用特定瀏覽器的引擎,但是我已經在完整的IE6和IETester工具之間存在差異 - 哦,還有即時虛擬化的Spoon.net瀏覽器沙箱 (他們必須刪除IE,因爲MS表示如此...)。

+0

+1 ie6fixer聽起來很棒。 – 2010-11-19 12:34:23

+1

+1鏈接到Quirksmode.org - 簡單地說是檢查瀏覽器與各種功能兼容的最佳資源。 (如果你閱讀圖表,你會看到許多東西,IE6不支持;你會鬱悶) – Spudley 2010-11-19 12:51:35

2

我很幸運,因爲我不必再支持IE6。但這是最近的記憶,所以你有我的同情心。

  1. 轉到Quirksmode.org。這是查找各種瀏覽器支持的功能的極好資源。 (看到IE6列中的所有紅色都會壓制你!)

  2. 如果你打算做任何腳本編程,可以使用jQuery而不是嘗試使用純Javascript:jQuery爲跨瀏覽器做了大量工作兼容,即使在IE6中。它不是100%,但它使它變得非常好,並給你在IE6中完全不可能的功能。

  3. 下面的工具將讓您的生活更輕鬆:

    • Dean Edwards' ie7.js - 一個JS庫,旨在使符合標準IE6更兼容(他還寫「ie8.js」和「ie9.js」延伸原來ie7.js增加了IE各種版本中缺少的功能)
    • Modernizr - 一個JS/CSS庫,旨在幫助您解決舊版瀏覽器中的不兼容問題。
    • IEPNGHack - 允許您在IE6中使用帶有透明度的PNG圖形。
    • Whatever:Hover - 允許您使用具有任何元素類型的:hover CSS樣式(對於<a>標籤,IE6通常只允許:hover)。
    • CSS3Pie - 一個旨在爲IE6/7/8提供一些現代CSS3功能(包括邊框半徑)的庫。

有可能更多,但應該給你一個起點。

有一點需要向你的僱主說明,只要他們堅持使用或支持IE6,你將無法建立一個功能豐富的現代化網站。即使面對所有這些黑客行爲,你能做到多少也是有限度的。再加上它會很慢:在最好的時候IE6是痛苦的緩慢,而所有這些黑客只會讓它變慢。

祝你好運。

+0

+1;一些優秀的信息,比我的回答更針對具體的解決方案! – 2010-11-19 13:22:59