Internet Explorer 9(以下簡稱IE9)是微軟公司開發的一款網絡瀏覽器,它是IE瀏覽器系列的第9個版本。然而,IE9以下的版本都存在一些問題,其中包括對CSS3的支持不完整。
/* IE9以下不支持的CSS3屬性和選擇器列表 */ /* 屬性 */ border-radius box-shadow box-sizing opacity rgba text-shadow text-stroke gradient transform /* 選擇器 */ :first-of-type :last-of-type :nth-of-type :nth-last-of-type :first-child :last-child :nth-child :nth-last-child :only-child /* hack */ /* 某些屬性可以使用hack來實現在IE9以下的瀏覽器中顯示 */ /* 1. 角度單位使用度數,加上-ms-前綴 */ transform:rotate(-45deg); -ms-transform:rotate(-45deg); /* 2. 背景漸變使用IE9以下的filter屬性 */ background-color:#000; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* 3. 圓角使用IE9以下的VML */ border:1px solid red; behavior: url(ie_css3/PIE.htc);//添加behavior屬性 border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
為了保證網站在IE9以下的瀏覽器中能夠正常顯示,我們需要考慮使用hack技巧或者尋找其他兼容性更好的解決方案。