IE瀏覽器在兼容CSS的時候,常常存在各種問題,尤其是在處理圓角時。以下是一些常見的解決方法:
/*圓角的寫法*/ /*在其他瀏覽器上顯示的效果*/ div{ border-radius:10px; } /*在IE9及以下版本瀏覽器上的顯示效果*/ div{ -moz-border-radius:10px;/*Firefox*/ -webkit-border-radius:10px;/*Safari & Chrome*/ border-radius:10px; behavior: url(border-radius.htc);/*IE*/ }
上述代碼中,使用了-webkit-border-radius和-moz-border-radius屬性,這是因為Safari和Chrome瀏覽器及Firefox瀏覽器是支持border-radius屬性的,而IE瀏覽器不支持。
而對于IE瀏覽器,需要使用一個border-radius.htc文件,通過behavior屬性來引入。這個.htc文件是一個JavaScript動態行為文件,它能夠添加IE瀏覽器中缺乏的CSS屬性,如border-radius。
總之,在兼容CSS的過程中,需要根據不同的瀏覽器來寫出不同的CSS屬性,并且在IE瀏覽器中加入.htc文件來解決兼容問題。
上一篇ie7的css hack
下一篇css里怎么描邊