IE和Chrome樣式相容性問題

2021-09-02 06:22:45 字數 588 閱讀 8317

今天在調節樣式過程中遇到乙個瀏覽器相容問題,同樣的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 ...