css瀏覽器私有屬性問題

2021-10-01 06:47:26 字數 389 閱讀 9193

常用的字首有:

-moz代表firefox瀏覽器私有屬性

-ms代表ie瀏覽器私有屬性

-webkit代表chrome、safari私有屬性

-o代表opera私有屬性

書寫時把標準寫法放到最後,相容性寫法放到前面

-webkit-transform:rotate(-3deg); /為chrome/safari/

-moz-transform:rotate(-3deg); /為firefox/

-ms-transform:rotate(-3deg); /為ie/

-o-transform:rotate(-3deg); /為opera/

transform:rotate(-3deg);

CSS瀏覽器相容性問題詳解

對css縮寫的支援問題 不論是ie 還是ff對css的縮寫都有一小點問題 比如 border 0xp solid fff 兩個瀏覽器支援都沒有問題 但對於四個邊的magin不同情況下,就不能用這種縮寫了,無論是ie還是ff又會出現邊界解釋錯誤,而導致頁面變形 正確縮寫 border width 0p...

css 相容性問題,針對單個瀏覽器

針對火狐瀏覽器的css hack moz document url prefix 2針對webkit核心及opera瀏覽器的css hack media all and min width 0 3從這個樣式我們只能把webkit核心的瀏覽器和opera瀏覽器從其它瀏覽器中區分出來,但並不能區分它們倆...

瀏覽器相容性問題

苦惱的區別 1.image repeat 在火狐裡比較正常,可是在ie中一直repeat.背景是乙個關閉的x號,div設定的backgourn image url xx 結果在ie中卻不行,最後找到原因是ie中要顯式的寫上image repeat norepeat這屬性,還有好多的差異,明天 去了 ...