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

1. !important
随着IE7对!important的支持,现在IE7和FF都支持!important，可以用!important来区分FF、IE7和IE6的高度。
用法如下： 2.IE6/IE7对FireFox
*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签,IE6暂不支持。
用法如下：
<style rel="stylesheet" type="text/css"> <!-- .content{background:#a5a5a5;height:100px;} *html .content{background:#a5a5a5;height:200px;} *+html .content{background:#a5a5a5;height:300px;} --> </style>
height:50px; *height:100px; _height:150px;
同样可以用相同的原理来为IE6、IE7、FF设置不同的width,height,margin,padding等属 。
3.min-height
IE不认min-height,FF识别,利用以上这些属 ，我们可以这样定义很小高度
<style rel="stylesheet" type="text/css"> <!-- .content{background:#a5a5a5;height:auto!important; height:500px; min-height:500px;} --> </style>
我是这样理解这段代码的：
因为在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;

本文标签：

声明：本文由代码号注册/游客用户【含蕾】供稿发布，本站不对用户发布的ecshop兼容CSS样式在FF、IE7、IE6中的不同表现信息内容原创度和真实性等负责。如内容侵犯您的版权或其他权益，请留言并加以说明。站长审查之后若情况属实会及时为您删除。同时遵循 CC 4.0 BY-SA 版权协议，尊重和保护作者的劳动成果，转载请标明出处链接和本声明内容。本文作者：含蕾» /dmh/11509.html

很赞哦！ (0)