CSS相容 解決IE6 IE7和IE8的相容問題

2021-07-02 05:44:15 字數 1388 閱讀 3469

css相容_如何解決ie6、ie7和ie8的相容問題,有時做網頁明明css樣式表是正常的但ie8不相容,網頁顯示不正常,css如何相容ie8呢,下面看解決辦法:

ie6、ie7、firefox等瀏覽器的相容性問題讓網頁設計師們大傷腦筋,本來網頁設計是件很有趣的事情,但是卻被這多餘相容工作傷腦筋,特別是讓人唾棄的ie6,多少人想讓它消失,可是它就是消失不了,微軟還說不會停止對ie6,真夠鬱悶的。

現在呢,ie8正式版已經出來一段時間了,不少網民被微軟的update提示安裝上了ie8,這下又給設計師帶來了麻煩,還好微軟良心發現,把ie8做得比較符合標準,與其他標準瀏覽器區別不大,可是它還是與其他瀏覽器有區別的。

怎麼辦呢?我一直在用ie6,不想用ie8,電腦裡有個綠色版的ie6,還有綠色版的firefox,對於網頁相容測試,我用ie6、ie7、firefox三個瀏覽器測試,因為沒安裝ie8,所以一直沒能測試。

大家都知道,ie8是有兩種解析模式的,一種是ie8standardmodes:預設的最標準的模式,嚴格按照w3c相關規定,一種是ie7standardsmodes:ie7現在用的解析網頁的模式。ie7還算是不錯的瀏覽器,如果讓ie8瀏覽器自動切換到ie7,ie6模式,那我們就不用為ie8布局相容問題煩惱了,而這個開關只有一行**:

"/>或者

"/>或者

【這個是相容ie6的】  

其實就是比較霸道的讓ie8以ie7的標準或者是以ie6的標準去解析整個頁面!

在網頁的head裡加入以上這段**,用ie8訪問時就會自動切換到ie7模式,如果你的**在ie7下顯示正常,那在ie8下也可以正常顯示了。加入這段**會不會影響其它的瀏覽器呢?不會,x-ua-compatible是針對ie8新加的乙個設定,對於ie8之外的瀏覽器是不識別的,所以你就放心使用吧!就這樣一段**就可以讓你的**輕鬆相容ie8了。

解決ie6 ie7 相容性問題

測試工具 ietester 問題描述 在ie6中,如果參照物沒有觸發haslayout 那麼絕對定位的容器的left和bottom就會有問題。解決辦法 在相對定位的父容器上加入 zoom 1 來觸發ie的haslayout即可解決。小技巧 通常我們在設定乙個容器為position relative的...

CSS實現文字豎排顯示(相容IE6 IE7)

平時我們常使文字橫排顯示,那麼如何用css實現文字豎排顯示呢?以下是 例項。2018年4月4日15 17 time可以看到在瀏覽器裡如圖所示 因為縮小了寬度,所以導致文字變為單行,但是數字和時間的地方卻依然是橫排顯示。然後通過搜尋查詢,發現乙個css屬性是writing mode。語法 writin...

CSS實現文字豎排顯示(相容IE6 IE7)

平時我們常使文字橫排顯示,那麼如何用css實現文字豎排顯示呢?以下是 例項。2018年4月4日15 17 time可以看到在瀏覽器裡如圖所示 因為縮小了寬度,所以導致文字變為單行,但是數字和時間的地方卻依然是橫排顯示。然後通過搜尋查詢,發現乙個css屬性是writing mode。語法 writin...