浏览器兼容性汇总2012.8.8.doc

《浏览器兼容性汇总2012.8.8.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、/*针对谷歌浏览器内核支持的CSS样式*/@mediascreenand(-webkit-min-device-pixel-ratio:0){样式}/*针对IE6特制识别的CSS样式*/*HTML.SearchBox{样式}针对Firefox浏览器的内核CSS写法：@-moz-documenturl-prefix(){.font1{color:red}}IE8就是自己来调试了。调试一个浏览器，有不合适的地方可以在该内核css中重写对应的方法，只需把不合适的样式重写即可实现。*HTML中则例外，需要每重写一个都要加*HTML单独处理。针对样式名如果只让ie6看见用

2、*html.head{color:#000;}如果只让ie7看见用*+html.head{color:#000;}如果只让ff看见用:rootbody.head{color:#000;}如果只让ff、IE8看见用html>/**/body.head{color:#000;}如果只是不让ie6看见用html>body.head{color:#000;}即对IE6无效如果只是不让ff、IE8看见用*body.head{color:#000;}   即对ff、IE8无效针对具体属性如果只让ie6看见用_    .head{_color:#000;}如果只让ie7看见用

3、+与_结合的方法:    .head{+color:#f00;!;_color:#000;}IE8正式版hack9″　例:”margin:0pxauto9;”.这里的”9″可以区别所有IE8和FireFox.“*”　IE6、IE7可以识别.IE8、FireFox不能.“_”　IE6可以识别”_”,IE7、IE8、FireFox不能.如：.a{color:#f00;    color:#f609;   +color:#00FF00;   _color:#0000FF;}从左到右分别对应FF,IE8IE7IE6还有写css样式一定要记住顺序：以下为引用的内容

4、：#1{color:#333;}/*Moz*/*html#1{color:#666;}/*IE6*/*+html#1{color:#999;}/*IE7*/顺序很重要ØJavaScript1.HTML对象获取问题FireFox：document.getElementById("idName");ie:document.idname或者document.getElementById("idName").解决办法：统一使用document.getElementById("idName");2.const问题说明:Firefox下,可以使用const关键字或var关键

5、字来定义常量;IE下,只能使用var关键字来定义常量.解决方法：统一使用var关键字来定义常量.3.event.x与event.y问题说明:IE下,event对象有x,y属性,但是没有pageX,pageY属性;Firefox下,event对象有pageX,pageY属性,但是没有x,y属性.解决方法：使用mX(mX  =  event.x  ?  event.x  :  event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX.4.window.location.href问题说明:IE或者Firefox2.0.x下,可

6、以使用window.location或window.location.href;Firefox1.5.x下,只能使用window.location.解决方法：使用window.location来代替window.location.href.1.frame问题以下面的frame为例：(1)访问frame对象:IE:使用window.frameId或者window.frameName来访问这个frame对象.  frameId和frameName可以同

7、名。Firefox:只能使用window.frameName来访问这个frame对象.另外，在IE和Firefox中都可以使用window.document.getElementById("frameId")来访问这个frame对象.(2)切换frame内容:在IE和Firefox中都可以使用window.document.getElementById("testFrame").src  =  "xxx.html"或window.frameName.location  =  "xxx.html"来切换frame的内容.如果需要将frame中的参数传回父窗口(注意

8、不是opener,而是p