怎么区别浏览器CSS hack

怎么区别浏览器CSS hack

本篇内容介绍了“怎么区别浏览器CSS hack”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

咱们只需思索IE6\IE7\火狐（Firefox）这3个涉猎器就可兼容全部阅读器。
详细区别如下：
区别IE6与FF：
bac千克round:orange;*background:blue;
区别IE6与IE7：
bac公斤round:green !important;bac千克round:blue;
区别IE7与FF：
bac千克round:orange; *bac千克round:green;
区别FF，IE7，IE6：
bac千克round:orange;*bac千克round:green !important;*background:blue;

注：IE都能辨认*;规范涉猎器(如FF)不能识别*；
IE6能识别*，但不克不及辨认 !important,
IE7能辨认*，也能识别!important;
FF不克不及辨认*，但能辨认!important;以下是各涉猎器CSS hack表格

另外再填补一个，下划线"_",
IE6赞成下划线，IE7与firefox均不支持下划线。

于是人人还可能多么来判袂IE6，IE7，firefox: bac公斤round:orange;*bac千克round:green;_bac千克round:blue;

注：不论是甚么办法，誊录的按次都是firefox的写在前面，IE7的写在两头，IE6的写在最背面。

以上是介绍区别各涉猎器的CSS hack的写法，上面我们简单引见这些CSS hack用法：

要求注明：若是咱们设置一个类名为exple的类CSS属性,CSS技俩边框为1PX黑色边框，高度为100PX并申请，在IE6阅读器下宽度为100PX；IE7浏览器宽度下为150PX；火狐IE8google浏览器下宽度为200PX；(PX是长度单元像素)

则CSS代码以下：
.exple{border:1px solid #000; height:100px;width:200px; *width:150px !important; *width200px;}
这样只有在html设置装备摆设一个div的类(class="exple"),如许这部份在火狐、IE8、谷歌涉猎器下就会浮现宽度为200px高度为100px带1px的黑边框的方块；IE7浏览器宽度下为150PX高度为100px带1px的黑边框的方块；在IE6阅读器下就会闪现出长度与宽度为100px的带1px黑边的正方形。

“怎么区别浏览器CSS hack”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注恰卡编程网网站，小编将为大家输出更多高质量的实用文章！