这篇文章主要介绍了CSS中hack兼容不同浏览器的写法是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
创新互联是一家专注于成都做网站、成都网站设计、成都外贸网站建设与策划设计,莲都网站建设哪家好?创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:莲都等地区。莲都做网站价格咨询:028-86922220
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 | FF | |
* | √ | √ | × |
!important | × | √ | √ |
其余再补充一个,下划线"_",
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兼容不同浏览器的写法是什么”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!
新闻名称:CSS中hack兼容不同浏览器的写法是什么
转载来于:https://www.cdcxhl.com/article32/jhddpc.html
成都网站建设公司_创新互联,为您提供域名注册、小程序开发、网站收录、品牌网站建设、企业建站、做网站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联