首页>> 开发技术知识>> APP应用>>整理的浏览器CSS hack的写法(兼容性CSS)


整理的浏览器CSS hack的写法(兼容性CSS)

1.在html的<head></head>之间加入
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
在IE8 下和IE7下显示内容相同,这样我们只需区分IE6、IE7、火狐(firefox)的css hack即可

2.注: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;火狐IE8谷歌浏览器下宽度为200PX;
(PX是长度单位像素)
则CSS代码如下:
.exple{border:1px solid #000; height:100px;width:200px; *width:150px !important;
*width100px;}
这样只要在html设置一个div的类(class="exple"),这样这部分在火狐、IE8、谷歌浏览器下就会
显示宽度为200px高度为100px带1px的黑边框的方块;IE7浏览器宽度下为150PX高度为100px带1px
的黑边框的方块;在IE6浏览器下就会显示出长度和宽度为100px的带1px黑边的正方形。


分享联系我们

扫二维码与项目经理沟通 我们在微信上24小时期待你的声音

感谢您的关注分享“整理的浏览器CSS hack的写法(兼容性CSS)”
烟寒网络真诚为您服务 ,点击客服直接咨询下单.

我们服务

南宁网络公司南宁网站建设

网站建设

高端网站建设服务商、相信品牌力量、相信知名企业;制作后收费13014982176!

南宁微信小程序/微信公众号

微信小程序/微信公众号

微信小程序 背靠10亿流量,不论用户需求是什么,都能被开发使用 一点创意,就能在“社交圈”中脱颖而出。

南宁网站优化/SEO

网站优化/SEO

让您的网站更靠近排名位置,让客户更容易找到您,seo优化是一个漫长过程,整个网站营销花最少的钱起最大的作用。

我们服务客户


企业形象网站、个人博客、政府门户网站、新闻传媒网站最省钱、省时、省备案 建站快、效率高更多服务
广西华崧集团网站品牌设计

广西华崧集团网站品牌设计

广西华崧林业发展集团(以下简称华崧集团)组建于2017年8月,集团总部位于广西壮...

广西大和平房地产有限公司

广西大和平房地产有限公司

广西鸿生源环保科技有限公司

广西鸿生源环保科技有限公司