浏览器兼容心得

《浏览器兼容心得》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、CSS部分:IE6IE7IE8FirefoxChromeSafari!importantYY_Y*YY*+Y9YYYYnth-of-type(1)YY示例代码：#test{color:red;/*所有浏览器都支持*/color:rcdimportant：/*Firefox>IE7支持*/_color:red;/*IE6支持*/*color:red;/*1E6、IE7支持*/*+color:red;/*IE7支持*/color:red9;/*IE6>IE7、IE8支持*/color:rcd;/*IE8支持*/}bod

2、y:nth-of-type(l)p{color:red;}/*Chrome>Safari支持*/1、CSS透明IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)FF：opacity:0.62、cursor:handVScursor:pointerFF不支持hand,但ic支持pointer解决方法：统一使用pointer3、padding问题padding5px4px3pxlpxFireFox无法解释简写，必须改成padding-top:5

3、px;padding-right:4px;padding-bottom:3px;padding-lcft:lpx;4、消除ul/ol等列表的缩进时样式应写丿j戈:list・style:none;margin:Opx;padding:Opx;其屮margin属性对IE有效，padding属性对FireFox有效5、CSS圆角IE：不支持圆角FF:-moz-border-radius:4px,或者・moz-border・radius・topleft:4px;・moz・border・radius-topright:4px;-moz-

4、bordcr-nidius-bottomleft:4px;-moz-border-radius-bottomright:4px;6、CSS双线凹凸边框IE：border:2pxoutset;FF：-moz-border-top-colors:#d4d0c8white;-moz-border-left-colors:#d4d0c8white;-moz-border-right-colors:#404040#808080;-moz-border-bottom-colors:#404040#808080;7、table边框.ctb{

5、border-top:lpxsolid#3E4093;border-left:lpxsolid#3E4093;border-right:Opx;border-bottom:Opx;}.ctbtd{border-top:lpxsolid#F4F4FF;border-left:lpxsolid#F4F4FF;border-right:lpxsolid#3E4093;border-bottom:lpxsolid#3E4093;js部分:1、window.eventfunctiongotoSubmit(c){e=e?e:(window

6、.event?window.event:null);}2、IE：interText；FF：interHTML或者textContent3、获収鼠标位置：在IE中,event对象有x,y属性,FF中没有。在FF中，与event.x等效的是event.pagcXo但cvcnt.pagcXIE中没冇。解决方法：mX=event.clientX?event.clientX:event.pageX;4^event.srcElement问题说明:IE下,even对彖冇srcElcmcnt属性，但是没冇target属性;Firefox下,e

7、ven对象冇target属性，但是没有srcElement属性.解决方法:使用obj(obj=event.srcElement?event.srcElement:event.target;)來代替IE下的event.srcElement或者Firefox下的event.target.或者if(document.all){obj=event.srcElement;}else{obj=arguments[()].target;window」ocation.href问题说明:IE或者Firefox2.0.x卜,可以使用window.

8、location或window.location.href;Firefox1.5.x卜,只能使用window.location.解决方法:使用window.location来代替window.location.href.6、模态和非模态窗口问题说明:IE卜,可以通过showM