css相容IE8的乙個簡便方法

2021-05-22 14:58:54 字數 930 閱讀 2280

問題:現在**上,大家都開始用css+div來設計樣式,但是不同瀏覽器卻存在很大的不同。網上也有很多關於css相容不同瀏覽器的文章,也看了一些,還真是麻煩。今天遇到乙個問題,寫好的css在ie6和火狐上顯示都正常的,但是到ie8上,顯示就是不正常,本來要加乙個滾動條的,我把overflow設定為auto了,在ie8上,她就是只顯示一部分內容,其他內容其他卡掉。

解決方法:在網上看到一篇文章,ie8不相容,網頁顯示不正常,css如何相容ie8

ie8是有兩種解析模式的,一種是

ie8 standard modes

:預設的最標準的模式,嚴格按照

w3c相關規定,一種是

ie7 standards modes

:ie7

現在用的解析網頁的模式。

ie7還算是不錯的瀏覽器,如果讓

ie8瀏覽器自動切換到

ie7,ie6

模式,那我們就不用為

ie8布局相容問題煩惱了,而這個開關只有一行**:或者

其實就是比較霸道的讓

ie8以

ie7的標準或者是以

ie6

的標準去解析整個頁面!

在網頁的

head

裡加入以上這段**,用

ie8訪問時就會自動切換到

ie7模式,如果你的**在

ie7下顯示正常,那在

ie8下也可以正常顯示了。加入這段**會不會影響其它的瀏覽器呢?不會,

x-ua-compatible

是針對ie8

新加的乙個設定,對於

ie8之外的瀏覽器是不識別的,所以你就放心使用吧!

就這樣一段**就可以讓你的**輕鬆相容

ie8了。

直接在各個模版頁的head裡加入

或者,問題搞定。

乙個小方法解決RGBA不相容IE8

要在乙個頁面中設定乙個半透明的白色div。這個貌似不是難題,只需要給這個div設定如下的屬性即可 background rgba 255,255,255,0.1 但是要相容到ie8。這個就有點蛋疼了。因為ie8不支援rgba 函式。下面我們總結一下rgba 函式的含義。rgba的含義,r代表red,...

乙個小方法解決RGBA不相容IE8

所以在ie8中設定半透明就要費點腦子了。從大神那裡得知可以使用ie的filter來解決這個問題,css 如下 background rgba 255,255,255,0.1 filter progid dximagetransform.microsoft.gradient startcolorstr...

ie8相容rgba的方法

現在做個網頁還得考慮ie8,只想說 尼瑪!但是沒辦法,屈於淫威也得弄。首先說下rgba的含義吧,rgba,r代表red,g代表green,b代表blue,a代表透明度。filter progid dximagetransform.microsoft.gradient startcolorstr b2...