CSS中hack兼容不同浏览器的写法是什么

这篇文章主要介绍了CSS中hack兼容不同浏览器的写法是什么，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

IE6相比老的版本涉猎器，用户相比多，
IE7较新浏览器，更接近标准浏览器，
IE8算是微软规范浏览器，但差别于阅读器，
火狐（Mozilla, Firefox）和Google阅读器（chrome）是比较规范的IE浏览器，一样平常我们以这个涉猎器为斥地参考平台，同时IE8与这两个阅读器表明CSS对比濒临，通常只需颠末火狐、google浏览器测试兼容，一样平常就能够确定IE8.

因此一般咱们区别这些浏览器CSS hack的方式就变得简单，我们只需思索IE6\IE7\火狐（Firefox）这3个阅读器就可兼容所有浏览器。
具体区别如下：
区别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;

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

其余再补充一个，下划线"_",
IE6赞成下划线，IE7与firefox均不赞成下划线。

于是人人还或许何等来判别IE6，IE7，firefox: background:orange;*background:green;_background: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、google涉猎器下就会体现宽度为200px高度为100px带1px的黑边框的方块；IE7阅读器宽度下为150PX高度为100px带1px的黑边框的方块；在IE6浏览器下就会展现出长度与宽度为100px的带1px黑边的正方形。

感谢你能够认真阅读完这篇文章，希望小编分享的“CSS中hack兼容不同浏览器的写法是什么”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网JavaScript频道，更多相关知识等着你来学习!