css中同时有margin-top : 2.5em !important; margin-top : 1.9em;什么意思

2024年11月29日 13:43
有3个网友回答
网友(1):

只要是为了解决IE6的显示问题,“margin-top : 2.5em !important”这个是IE6不能识别的,“margin-top : 1.9em”是其他浏览器可以识别的;margin-top是:上边距
!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权。语法格式{ sRule!important }
em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化font -size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

网友(2):

!important是对于标准浏览器优先读取的意思。
CSS中的参数,如有相同的,以靠后的为准。
这个!important的目的,是让IE读取后面的1.9em,让firefox等标准浏览器读取前面2.5em的值。

网友(3):

这是为了解决各个浏览器兼容性问题

区别FF,IE7,IE6:
background:green !important; background:orange; *background:blue;

IE6能识别*,但不能识别 !important,

IE7能识别*,也能识别!important;

FF不能识别*,但能识别!important;

另外再补充一个,下划线”_“,IE6支持下划线,IE7和firefox均不支持下划线。

于是大家还可以这样来区分firefox,IE7,IE6
background:green!important; *background:orange; _background:blue;

注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。