1、在ie6下的雙margin問題

在ie6下，設置了float的元素，以float:left為例，如圖所示。會出現第一個浮動元素，即相對于父級元素浮動的，會出現雙倍margin的問題。

注意僅僅是相對于父級元素浮動的，即第一個會出現該問題，其它的未出現。

解決辦法：

給對應元素添加display: inline;樣式。

?2、各種特殊樣式的兼容，比如透明度、圓角、陰影等。特殊樣式每個瀏覽器的代碼區別很大，所以，只能現查資料通過給不同瀏覽器寫不同的代碼來解決。

IE9及以上版本設置圓角、陰影等效果才會起作用，否則的話是不起作用的。

3、圖片默認的會有間距

解決方法：

通過給圖片添加float屬性來進行解決.

4、IE6下不支持透明圖片 opacity樣式的設定

解決方案：

使用js或css濾鏡

5、IE9以下版本不支持background-image樣式設定

?

轉載于:https://www.cnblogs.com/I-am-king/p/5864917.html

總結

以上是生活随笔為你收集整理的网页开发浏览器兼容性问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。