网页开发浏览器兼容性问题
生活随笔
收集整理的這篇文章主要介紹了
网页开发浏览器兼容性问题
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 中信IHG优悦会联名卡新权益:开启专属优
- 下一篇: 2016年个人技术总结(前端)