ECSHOP兼容CSS样式在FF、IE7、IE6中的不同表现

2016-06-13 13:05 来源:www.chinab4c.com 作者:ecshop专家

1. !important 随着IE7对!important的支持,现在IE7和FF都支持!important,可以用!important来区分FF、IE7和IE6的高度。 用法如下:   2.IE6/IE7对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签,IE6暂不支持。 用法如下:   height:50px; *height:100px; _height:150px; 同样可以用相同的原理来为IE6、IE7、FF设置不同的width,height,margin,padding等属性。   3.min-height IE不认min-height,FF识别,利用以上这些属性,我们可以这样定义最小高度    我是这样理解这段代码的: 因为在IE里(包括IE6,IE7)认为height就是最小高度,当content中的内容超出设置的高度时,在FF中可以用min-height设置最小高度××,这时即使超出content的高度,背景颜色也会自动延伸下去。但IE不识别min-height,所以要加hack(对程序所作的修改,在尚未被开发者接受并集成到正式版本中之前被称为hack)。   4.区别不同浏览器,Css hack写法: 区别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;