CSS3適配不同瀏覽器

2021-10-08 16:50:00 字數 398 閱讀 8677

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

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

3、-webkit-代表safari、chrome私有屬性

4、-o-代表opera

這些是為了相容老版本的寫法,比較新版本的瀏覽器都支援直接寫:border-radius。

internet explorer 9+ 支援 border-radius 和 box-shadow 屬性。

firefox、chrome 以及 safari 支援所有新的邊框屬性。

對於 border-image:safari 5 以及更老的版本需要字首 -webkit-。

opera 支援 border-radius 和 box-shadow 屬性,但是對於 border-image 需要字首 -o-。

CSS3 瀏覽器相容

css 3中 moz ms webkit和 o分別代表什麼意思 1 moz 代表firefox瀏覽器私有屬性 2 ms 代表ie瀏覽器私有屬性 3 webkit 代表safari chrome瀏覽器私有屬性 4 o 代表opera瀏覽器私有屬性 手機等小螢幕手持裝置 media screen and...

CSS3 瀏覽器字首相容寫法

vendor prefix 瀏覽器引擎字首,是一些放在css屬性前的小字串,用來確保這種屬性只在特定的瀏覽器渲染引擎下才能識別和生效。谷歌瀏覽器和 safari瀏覽器使用的是webkit渲染引擎,火狐瀏覽器使用的是gecko引擎,internet explorer使用的是trident引擎,oper...

瀏覽器相容 CSS3 選擇器

ie大小寫無關係 去掉間的間距 font size 0px word spacing 0px 數值px float 透明 opacity 數值 0 1 被設定的元素整體透明度 element element 如 div p 只選擇div裡邊的第一代p元素.element element 如 li l...