CSS3是Web前端開發(fā)的重要技術(shù),無疑具有極高的實用性和美觀性,但是許多開發(fā)者都會擔(dān)心它是否能夠兼容IE9這樣的老舊瀏覽器。
事實上,CSS3在IE9瀏覽器中的兼容性并不如我們希望的那么完美,還是存在一些問題的。首先,IE9僅僅支持CSS3的某些屬性,例如圓角、漸變、陰影等,但是其它如伸縮盒子和動畫等特效則會有各種異常現(xiàn)象,這就需要我們在進(jìn)行開發(fā)時一定要特別小心地使用。
.box{ display: -webkit-box; /* Safari 6、Chrome */ display: -moz-box; /* Firefox */ display: box; /* Old syntax: Safari, Firefox (buggy) */ display: -webkit-flex; /* Chrome 21、Safari 6.1+ */ display: -moz-flex; /* Firefox 18-21 */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Firefox 22+ */ }
針對這樣的問題,我們需要借鑒許多CSS前輩的經(jīng)驗并進(jìn)行試錯,看看哪些屬性和方法適用于IE9,哪些并不適用,這需要我們掌握技巧和耐心。
因此,在兼容CSS3及其效果時,需要充分考慮IE9這一老舊瀏覽器的適配,同時也需要充分利用CSS3的兼容性,達(dá)到理想的效果和用戶體驗。