前端web設(shè)計(jì)時(shí)火狐和IE不兼容時(shí)該如何處理?
一般情況正常正確的處理樣式不論在任何瀏覽器一般都是沒有問題,不存在兼容性的問題.但是有個(gè)別的一些代碼屬性IE和火狐貍識(shí)別是有區(qū)別的的!以下就是部分中的兼容問題
1.frame對(duì)象:IE:使用window.frameId或者window.frameName來訪問這個(gè)frame對(duì)象. Firefox:只能使用window.frameName來訪問這個(gè)frame對(duì)象。另外,在IE和Firefox中都可以使用
window.document.getElementById("frameId")來訪問這個(gè)frame對(duì)象。
2.innerText在IE中能正常工作,但是innerText在FireFox中卻不行。
3.ul、ol等列表的縮進(jìn)時(shí),樣式應(yīng)寫成:list-style:none;margin:0px;padding:0px;其中margin屬性對(duì)IE有效,padding屬性對(duì)FireFox有效。
4.CSS雙線凹凸邊框。IE:border:2px outset;FF: -moz-border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080。
5.CSS透明,IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。FF:opacity:0.6。
6.CSS圓角,IE:不支持圓角。FF: -moz-border-radius:4px,或者-moz-border-radius-topleft:4px;-moz-border- radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;。
7.padding問題。padding 5px 4px 3px 1px FireFox無法解釋簡寫,必須改成 padding-top:5px; padding-right:4px; padding-bottom:3px; padding-left:1px。
8.IE,firefox以及其它瀏覽器對(duì)于 table 標(biāo)簽的操作都各不相同,在ie中不允許對(duì)table和tr的innerHTML賦值,使用js增加一個(gè)tr時(shí),使用appendChile方法也不管用。
上一篇:色彩在網(wǎng)站建設(shè)中如何應(yīng)用
下一篇:北京網(wǎng)站建設(shè)給你談?wù)勱P(guān)于建站需注意的幾點(diǎn)