IE6,IE7,ie8兼容

《IE6,IE7,ie8兼容》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、区别IE6与FF：      background:orange;*background:blue;区别IE6与IE7：      background:green!important;background:blue;区别IE7与FF：      background:orange;*background:green;区别FF，IE7，IE6：      background:orange;*background:green!important;*background:blue;IE7,IE8兼容:      

2、A-Compatible"content="IE=EmulateIE7"/>      HEAD1.       CSS中几种浏览器对不同关键字的支持，可进行浏览器兼容性重复定义!important   可被FireFox和IE7识别*                  可被IE6、IE7识别_                  可被IE6识别*+                可被IE7识别2.       IE专用的条件注释

3、/>3.几个浏览器对实际像素的解释IE/Opera：对象的实际宽度=(margin-left)+width+(margin-right)Firefox/Mozilla：对象的实际宽度=(ma

4、rgin-left)+(border-left-width)+(padding-left)+width+(padding-right)+(border-right-width)+(margin-right)4.       鼠标手势问题：FireFox的cursor属性不支持hand，但是支持pointer，IE两个都支持；所以为了兼容都用pointer5.       FireFox中设置HTML标签的Style属性时，所有位置、宽高和尺寸值必须后跟px，IE也支持此写法，因此统一加px单位。如Obj.Style.Height=imgObj.Sty

5、le.Height+‘px’;6.       FireFox无法解析简写的padding属性设置，如padding5px4px3px1px；必须改为padding-top:5px;padding-right:4px;padding-bottom:3px;padding-left:1px0；7.       消除ul、ol等列表的缩进时，样式应写成:list-style:none;margin:0px;padding:0px;其中margin属性对IE有效，padding属性对FireFox有效8.       CSS控制透明：IE：filter:p

6、rogid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60);                               FireFox：opacity:0.6;9.       CSS控制圆角：IE：不支持圆角；FireFox:-moz-border-radius:4px;或-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-r

7、adius-bottomright:4px;10.   CSS双线凹凸边框：IE：border:2pxoutset;FireFox：-moz-border-top-colors:#d4d0c8white;-moz-border-left-colors:#d4d0c8white;-moz-border-right-colors:#404040#808080;-moz-border-bottom-colors:#404040#808080;11.   IE支持CSS方法cursor:url()自定义光标样式文件和滚动条颜色风格；FireFox对以上两者均

8、不支持12.   IE有Select控件永远处于最上层的bug,且所有CSS对Select控件都不起作用13