更新時(shí)間:2020-08-31 來(lái)源:黑馬程序員 瀏覽量:
1.H5新標(biāo)簽在IE9以下的瀏覽器識(shí)別 <!--[if lt IE 9]>
<script type="text/javascript" src="js/html5shiv.js"></script>
<![endif]-->
html5shiv.js下載地址
2.ul標(biāo)簽內(nèi)外邊距問(wèn)題ul標(biāo)簽在IE6\IE7中,有個(gè)默認(rèn)的外邊距,但是在IE8以上及其他瀏覽器中有個(gè)默認(rèn)的內(nèi)邊距。
解決方法:統(tǒng)一設(shè)置ul的內(nèi)外邊距為0
1.css的hack問(wèn)題:主要針對(duì)IE的不同版本,不同的瀏覽器的寫法不同
IE的條件注釋hack:
<!--[if IE 6]>此處內(nèi)容只有IE6.0可見(jiàn)<![endif]-->
<!--[if IE 7]>此處內(nèi)容只有IE7.0可見(jiàn)<![endif]-->
2.IE6雙邊距問(wèn)題:IE6在浮動(dòng)后,又有橫向的margin,此時(shí),該元素的外邊距是其值的2倍
解決辦法:display:block;
3.IE6下圖片的下方有空隙
解決方法:給img設(shè)置display:block;
4.IE6下兩個(gè)float之間會(huì)有個(gè)3px的bug
解決辦法:給右邊的元素也設(shè)置float:left;
5.IE6下沒(méi)有min-width的概念,其默認(rèn)的width就是min-width
6.IE6下在使用margin:0 auto;無(wú)法使其居中
解決辦法:為其父容器設(shè)置text-align:center;
7.被點(diǎn)擊過(guò)后的超鏈接不再具有hover和active屬性
解決辦法:按lvha的順序書寫css樣式,
":link": a標(biāo)簽還未被訪問(wèn)的狀態(tài);
":visited": a標(biāo)簽已被訪問(wèn)過(guò)的狀態(tài);
":hover": 鼠標(biāo)懸停在a標(biāo)簽上的狀態(tài);
":active": a標(biāo)簽被鼠標(biāo)按著時(shí)的狀態(tài);
8.在使用絕對(duì)定位或者相對(duì)定位后,IE中設(shè)置z-index失效,原因是因?yàn)槠湓匾蕾囉诟冈氐膠-index,但是父元素默認(rèn)為0, 子高父低,所以不會(huì)改變顯示的順序。
9.IE6下無(wú)法設(shè)置1px的行高,原因是由其默認(rèn)行高引起的
解決辦法:為期設(shè)置overflow:hidden;或者line-height:1px;
1、標(biāo)準(zhǔn)的事件綁定方法函數(shù)為addEventListener,但I(xiàn)E下是attachEvent;
2.事件的捕獲方式不一致,標(biāo)準(zhǔn)瀏覽器是由外至內(nèi),而IE是由內(nèi)到外,但是最后的結(jié)果是將IE的標(biāo)準(zhǔn)定為標(biāo)準(zhǔn)
3.window.event獲取的。并且獲取目標(biāo)元素的方法也不同,標(biāo)準(zhǔn)瀏覽器是event.target,而IE下是event.srcElement
4.在低版本的IE中獲取的日期處理函數(shù)的值不是與1900的差值,但是在高版本的IE中和標(biāo)準(zhǔn)瀏覽器保持了一致,獲取的值也是與1900的差值。
比如:var year= new Date().getYear();
5.ajax的實(shí)現(xiàn)方式不同,這個(gè)我所理解的是獲取XMLHttpRequest的不同,IE下是activeXObject
6.IE中不能操作tr的innerHtml7.獲得DOM節(jié)點(diǎn)的父節(jié)點(diǎn)、子節(jié)點(diǎn)的方式不同
其他瀏覽器:parentNode parentNode.childNodes
IE:parentElement parentElement.childre
猜你喜歡: