1、在ie6下的雙margin問題

在ie6下，設(shè)置了float的元素，以float:left為例，如圖所示。會(huì)出現(xiàn)第一個(gè)浮動(dòng)元素，即相對(duì)于父級(jí)元素浮動(dòng)的，會(huì)出現(xiàn)雙倍margin的問題。

注意僅僅是相對(duì)于父級(jí)元素浮動(dòng)的，即第一個(gè)會(huì)出現(xiàn)該問題，其它的未出現(xiàn)。

解決辦法：

給對(duì)應(yīng)元素添加display: inline;樣式。

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

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

3、圖片默認(rèn)的會(huì)有間距

解決方法：

通過給圖片添加float屬性來進(jìn)行解決.

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

解決方案：

使用js或css濾鏡

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/I-am-king/p/5864917.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。