今天在調節樣式過程中遇到乙個瀏覽器相容問題,同樣的html**在chrome下顯示正常,ie下面顯示不正常**如下:
效果如圖:
後經過同事指點新增如下樣式在li上面即可
style="*margin-top: 13px;_margin-top: 13px;margin-top: 13px\0;"
以前自己沒用過留作備用,有同樣問題的朋友可以試試。
查詢了資料這裡總結一下:
margin-top: 13px; /*
所有瀏覽器都支援
*/margin-top: 13px !important; /*
firefox、ie7支援
*/_margin-top: 13px; /*
ie6支援
*/*margin-top: 13px; /*
ie6、ie7支援
*/+margin-top: 13px; /*
ie7支援
*/margin-top: 13px\9; /*
ie6、ie7、ie8、ie9支援
*/margin-top: 13px\0; /*
ie8、ie9支援 */
IE7相容性問
1.背景顏色 background rgba 255,255,255,1 background ffffff important 這樣的hack沒有起作用,為啥呢。2.li高度的bug 導致了ie6 7與其他瀏覽器不相容,ie的高度得是 offset的高度,原來這是ie的乙個bug,貌似只有li才有...
為 IE 編寫相容性樣式
由於眾所周知的原因,儘管 ie 非常傻 x 但依舊存在很大的市場,所以必須為 ie11 編寫一些特殊樣式,才能讓專案成功執行 在此 media中編寫的樣式,只有在 ie11 才會生效 media screen and ms high contrast active ms high contrast ...
為 IE 編寫相容性樣式
由於眾所周知的原因,儘管 ie 非常傻 x 但依舊存在很大的市場,所以必須為 ie11 編寫一些特殊樣式,才能讓專案成功執行 在此 media中編寫的樣式,只有在 ie11 才會生效 media screen and ms high contrast active ms high contrast ...