究極的 IE Hack

IE Hack

大家都應該有聽說了,Microsoft 忽然大發慈悲,決定在下個月強制把 Internet Explorer 6 更新為 Internet Explorer 7 。對於網頁設計師來說,IE6 簡直是個惡夢,所以這次更新,對廣大的網頁設計師來說簡直是個福音。


但是按家儒我手上的數據來看,香港目前 IE7 的市佔率為 18% 左右,IE6 為 72%。比例會因網站屬性而有所不同,本站 Firefox 用戶就佔了近 40%。無講如何,即使在強制更新後,IE 6 的使用率應該仍然未至於可以忽略的水平。所以短時間內, IE Hack 仍然會是所有網頁設計師必備的安家良藥。

所以今天我會介紹一個超級好用的 IE Hack,一個簡單的 Hack︰

h1 {
color:blue;
#color:red; /* IE7 */
_color:green; /* IE6 */
*color:yellow; /* for all IE */
}

一個符號,就這麼簡單﹗

這個方法已經可以解決大部份簡單的 IE 移位問題。

<!——–全文完 分隔線 ——->

雖然 IE6 的 Bug 很令人討厭,但不失為構建個人競爭力的一種好途徑吧?畢竟網頁製作的門檻已經很低了,想靠製作網頁維生實在是件很危險的事。

雖然 Web Standard 跟 SEO 在某程度上小小地提高了進入門檻,但是此兩者說白了都不過是一些很簡單的理念。但是 IE 的 Bug 卻大大提高了它們學習的門檻,同一句程式碼卻得來兩個結果,想想也覺得討厭吧。有時候遇到一些奇怪的 bug,想用 Google search 一下,卻不知道要怎麼形容… Orz。

另外,神級網頁開發人員跟一般網頁設計師的分別在哪裡?就是 debug 的速度啊﹗每次 debug 的時候,我都會這麼想的。

btw,小弟我已經慢慢把學習重心移向 back-end 了,決心當一個會設計介面、SEO、Photoshop 的 Programmer。

This entry was posted in Web Design. Bookmark the permalink.

10 Responses to 究極的 IE Hack

  1. jackal says:

    您的blog在safari看,右邊整個都亂的,不跨平台噎

  2. 家儒 says:

    ummm… 以前看還是很正常的,怎麼出問題了 @@?

  3. Anonymous says:

    完全看不出為何…

  4. h999342 says:

    對阿
    ie6真的是OOXX,還是ie7
    其實還有一個方法可以使不同版本ie看到正常page




    ie 4 或其他browsers

  5. h999342 says:

    剛剛有點怪怪的
    好像是
    <!--[if IE]>All IE browser<![endif]-->
    <!--[if IE 6]>IE 6<![endif]-->
    <!--[if IE 7]>IE 7<![endif]-->
    <!--[if lt IE 7]>IE 6 以下<![endif]-->
    <!--[if !IE]> -->IE 4或其他browsers<!-- <![endif]-->

    應該是這樣
    可是要自己改半形

  6. lanc says:

    從Mr./Ms. Days (MMDays) 輾轉到此處,看到了喜歡的地方不免順手定下RSS XD。

    順便補充一些資料:
    下面是綜合個人資料的解法
    background:#FFF; // 原始(FF)
    *background:#39f; // IE6、IE7
    _background:#f9f; // IE6 only

    下面適合已經修過IE6和一般標準瀏覽器後,又加入IE7

    body{
    background:#FFF; // 原始(FF)
    *background:#39f; // IE6、IE7
    }

    *+html body{ // IE7 only
    background:#f9f;
    }

    以上 :)

  7. lanc says:

    看來放聯絡方式會有打廣告嫌疑,會被砍 XD
    家儒,上面,順序還是修改一下比較好。
    如果照上面的會變成IE系列的都是yellow h1。

    目前IE6、IE7仍是蠻多人使用的,根據使用量多寡,最原始的(ff等)應放最上面。

    在針對個別的去修,這樣比較適合。

    h1 {
    color:blue;
    *color:yellow; /* for all IE */
    #color:red; /* IE7 */
    _color:green; /* IE6 */
    }

  8. 家儒 says:

    lanc:
    感謝提醒 ^^

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>