CSS 相容問題

2022-09-15 18:54:12 字數 733 閱讀 1365

瀏覽器的相容性問題通常是因為不同的瀏覽器對不同的**有不同的解析造成頁面顯示不統一的情況,這裡的瀏覽器通常指ie 6,7,8,9... google firefox opera safari,但更多的情況還是需要處理ie 6,7,8 firefox的相容問題。

為了讓瀏覽器達到統一的顯示效果,需要針對不同瀏覽器或者版本寫出對應的可解析的css樣式,所以把這個過程叫做css hack

css hack 主要分為三種:ie條件注釋、css屬性字首、選擇器字首

/* 可以先使用「\9"標記,將ie分離出來,再用」*"分離出ie6/ie7,最後可以用「_」分離出ie6 */

/* 所以可以按著優先順序就能給特定的版本捎上特定顏色 */

.type

以下情況ie6可以識別,當屬性一起寫在{}裡頭時,前者肯定會被後者覆蓋。要使!important有效,就應置於多個{}間。

h1

h1h2

test1h1>

test2h2>

在標準模式中:

「-″減號是ie6專有的hack

「\9″ ie6/ie7/ie8/ie9/ie10都生效

「\0″ ie8/ie9/ie10都生效,是ie8/9/10的hack

「\9\0″ 只對ie9/ie10生效,是ie9/10的hack

css相容問題

ie6 可以在屬性前加 ie7 可以在屬性前加 ie8 可以在屬性前加 什麼都不加就是火狐的標準 比如 margin是調火狐的 margin是調ie6的 margin是調ie7的 margin是調ie8的.其實,在實際的開發過程中,我們對常見的css屬性相容情況了然於胸,才能極大的提高我們的開發效率...

css相容問題

1.就是 ie6 雙倍邊距的問題,在使用了 float 的情況下,不管是向左還是向右都會出現雙 倍,最簡單的解決方法就是用 display inline 加到 css 裡面去。2.文字本身的大小不相容。同樣是 font size 14px 的宋體文字,在不同瀏覽器下佔的空間是不一樣的,ie 下實際佔...

css相容問題

谷歌 低版本 4.0 43.0 webkit 火狐 低版本 5.0 16.0 moz ie9 不支援 解決方法 ie8 不支援 ie8 不支援 ie8 ie8及ie8以下不支援 谷歌 低版本 12.0 36.0 webkit 火狐 低版本 10.0 16.0 moz ie9 不支援 backgrou...