日期:2014-05-17  浏览次数:20516 次

CSS兼容1

1.??????? CSS中几种浏览器对不同关键字的支持,可进行浏览器兼容性重复定义

!important ? ? ?可被FireFox和IE7识别

*?????????????????? 可被IE6、IE7识别

_?????????????????? 可被IE6识别

*+???????????????? 可被IE7识别

?

2.IE专用的条件注释

<!--其他浏览器 -->

<link rel="stylesheet" type="text/css" href="css.css" />

?

<!--[if IE 7]>

<!-- 适合于IE7 -->

<link rel="stylesheet" type="text/css" href="ie7.css" />

<![endif]-->

?

<!--[if lte IE 6]>

<!-- 适合于IE6及一下 -->

<link rel="stylesheet" type="text/css" href="ie.css" />

<![endif]-->

3. 几个浏览器对实际像素的解释

IE/Opera:对象的实际宽度 = (margin-left) + width + (margin-right)

Firefox/Mozilla:对象的实际宽度= (margin-left) + (border-left-width) + (padding- left) + width + (padding-right) + (border-right-width) + (margin-right)

4.鼠标手势问题:FireFox的cursor属性不支持hand,但是支持pointer,IE两个都支持;所以为了兼容都用pointer