IE11和IE8的CSS兼容性問題一直是前端開發者的痛點之一。下面我們將一一討論這些問題,并提供相應的解決方案。
/* 解決IE8不支持box-sizing屬性的問題 */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* 解決IE8不支持rgba()顏色表示法 */ background: rgba(0,0,0,0.5); background: transparent\9; /* 解決IE8不支持CSS3選擇器:nth-child和:first-child */ li:first-child {} li:nth-child(2) {} /* 解決IE8不支持CSS3的旋轉transform屬性 */ -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); /* 解決IE8不支持CSS3的漸變gradient屬性 */ background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #7db9e8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1e5799 0%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1e5799 0%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
以上是我們總結的一些IE11和IE8的CSS兼容性問題及其解決方案。當然,還有很多其他的兼容性問題需要我們去一一解決,這需要我們不斷學習、實踐。