隨著 CSS3 技術的不斷發展,越來越多的新樣式和效果被加入到了 CSS3 中。但是,不同瀏覽器對 CSS3 的支持程度不同,有些新屬性還需要添加各種瀏覽器的前綴才能生效。
-webkit- -moz- -o- -ms-
這些前綴實際上是瀏覽器廠商為了測試和提供新特性而引入的,它們在 CSS3 正式標準發布后會被廢棄。在編寫 CSS 樣式時,務必注意加上這些前綴。
以 border-radius 屬性為例,它用于設置元素的圓角半徑,但是不同瀏覽器對該屬性的支持情況并不相同。所以,在 CSS3 中使用該屬性時需要根據不同瀏覽器添加對應的前綴。
/* Firefox */ -moz-border-radius: 10px; /* Safari 和 Chrome */ -webkit-border-radius: 10px; /* Opera */ -o-border-radius: 10px; /* Internet Explorer 10+ */ -ms-border-radius: 10px; /* 標準寫法 */ border-radius: 10px;
通過加上這些前綴,我們能夠兼容不同瀏覽器,達到更好的效果和體驗。但是有一點需要注意,即要使用這些前綴并不意味著這些屬性就可真正生效,這還需要根據具體瀏覽器進行測試。所以,在樣式設計時,還需要注意不同瀏覽器對 CSS3 的兼容性問題。
上一篇php avl