IE對于大家來說一定很熟悉了,作為一名Web前端開發人員或者是說前端攻程師來說,瀏覽器的兼容問題一定處理過不少了,特別是IE6的兼容問題,如果你的用戶是針對中國市場來說,IE6下的效果是必須得處理了,一個讓人頭痛而又不得不去面對的一件事情,特別是對于剛接觸CSS的童子們,更讓無從下手,那么今天我重新開始針對瀏覽器的兼容問題,說說一些我自己的經驗,以及盡可能多的搜集相關經典問題的處理方法。希望能對有需要的朋友有所幫助。
中國古語——萬物都是相生相克的。這句話用到我們寫CSS的人身上也是一樣的,不管在哪個瀏覽器下,出現了問題,首先要追究的問題是我們自己怕HTML結構和CSS樣式有沒有出問題,然后在看看是不是因為瀏覽器各自的解析不同而造成的。千萬不要一看到IE出問題,就罵上了IE,其實人家并不是那么差勁,另外有一點也需要注意的就是,不要動不動就使用你知道的HACK手段來解決各瀏覽器的兼容問題。小生有自己的一個原則——“處理各瀏覽器的兼容問題,未到情非得以的情況下才使用HACK”。
開頭來了一大段的開場白,下面我們就開始我們的旅行——瀏覽器兼容之旅的第一站:如何創建條件樣式。
大家都知道<!– — >是HTML語言中的注釋。它是一種添加到代碼中的筆記,讓自己或你的團隊成員明白你寫的是什么,寫到什么時候等等信息,這種注釋并不會在瀏覽器中顯示出來,但大家在查看頁面的源代碼時可以看到這一部分,如下面的一個簡單實例
<div id=”header” >Header Section </div>
<!– End Header Section Content — >
那么我們在上面的基礎是增加一個條件語句,我們就可以使用條件注釋,我們在平時用到的就是IE的有條件注釋。IE的有條件注釋是一種專有的(非標準的)、對常規(X)HTML注釋的Miscrosoft擴展。換句話說,有條件注釋使你能夠根據條件(比如說瀏覽器的版本)顯示代碼塊。盡管是非標準的,但是有條件注釋對于其他所有瀏覽器作為常規注釋出現,因此本質上是無害的。有條件注釋在 Windows 上的 IE5 中首次出現,并且得到了 Widnows 瀏覽器所有后續版本的支持。
那么為什么要創建條件樣式呢?言外之意我們創建條件樣式有什么好處呢?創建條件樣式優點在于:可以將部分兼容代碼識讓符合條件的瀏覽器識別;其二讓你的主要樣式表整潔,清爽。不過大家要記住,雖然我們這里說的是創建有條件樣式,但這種條件注釋標簽的使用不僅僅只能用于CSS,你可以應用在javaScript中,他們甚至可以在您的網站內容顯示特殊的IE瀏覽器特定的消息。下面我們一起來看看其具體的應用,和使用方法。
新聞熱點
疑難解答