MS是指微軟公司,其旗下的瀏覽器IE在過去的幾年中一直因為不支持CSS3而備受詬病。然而,現在的IE也開始兼容CSS3了,雖然還有些不足,但總體來說已經有了很大的進步。
為了讓IE兼容CSS3,我們可以使用一些Hack技巧和前綴屬性。以下是一些常見的Hack技巧:
/* 引入CSS文件時,使用下面的條件注釋 *//* 使用“*”前綴屬性,表示只在IE中生效 */ .example { *font-size: 12px; } /* 使用“\9”后綴屬性,表示只在IE6、7、8中生效 */ .example { font-size: 12px\9; } /* 使用“_”前綴屬性,表示只在IE6中生效 */ .example { _font-size: 12px; }
而常見的前綴屬性有以下幾種:
.example { -webkit-border-radius: 5px; /* Chrome、Safari、新版Opera */ -moz-border-radius: 5px; /* Firefox */ border-radius: 5px; /* CSS3標準屬性 */ } .example { -webkit-box-shadow: 5px 5px 5px #888; /* Chrome、Safari、新版Opera */ -moz-box-shadow: 5px 5px 5px #888; /* Firefox */ box-shadow: 5px 5px 5px #888; /* CSS3標準屬性 */ }
通過Hack技巧和前綴屬性,我們可以在兼容CSS3的同時,盡可能地保證兼容性。當然,還是建議在實際開發中,盡可能地避免使用一些高級的CSS3屬性,以便更好地兼容各種瀏覽器,提升用戶體驗。