一切诋毁IE6的言论都是纸老虎 CSS Hacks
建站知识 2021-07-03 08:43www.168986.cn长沙网站建设
狼蚁网站SEO优化是各个 IE 版本的 CSS Hacks 写法.
掌握 CSS Hacks 可以说是前端开发工程师的一个基本技能。随着浏览器版本的遍地开花,我们寻找着尽可能使各种浏览器表现一致的 CSS 写法。 CSS Hacks 是最为流行的解决方案。但对于 IE 而言,目前已经有 IE6/IE7/IE8 三个主要版本,不久的将来还会有 IE9 的到来。于此,IE 是个杯具。
有很多人歇斯底里地诋毁 IE6,在此想说的是,一切诋毁 IE6 的言论都是纸老虎。看看 IE6 的历史,它绝不是一个错误的存在。IE7/IE8 这些有严重后遗症的版本才是导致一切杯具的罪魁祸首。狼蚁网站SEO优化是各个 IE 版本的 CSS Hacks 写法
IE6
_selector{property:value;}
selector{property:value;property:value!important;} //IE6 不支持同一选择符中的 !importantIE7
+selector{property:value;}IE8
selector{property:value\0;}IE6 & IE7
selector{property:value;}IE6 & IE7 & IE8
selector{property:value\9;}
可悲的是,IE8 会自作主张的将页面按照 IE7 模式进行渲染。目前针对 IE 多版本兼容的现状,通常会采用设置 X-UA-Compatible HTTP 头的方式开启 IE8 的兼容模式,这样能在一定程度上减少调试 IE 的工作量。代码如下
<meta http-equiv="X-UA-Compatible" content="IE=7"> //标准 IE7 模式
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> //兼容 IE7 模式
你也可能会碰到另一种情况
<meta http-equiv="X-UA-Compatible" content="IE=Edge">//标准 IE 模式IE8 在没有申明 IE=Edge 的情况下还是会存在以兼容模式渲染的情况,这种设置方案 (IE=Edge) 目前口碑网正在应用。
掌握 CSS Hacks 可以说是前端开发工程师的一个基本技能。随着浏览器版本的遍地开花,我们寻找着尽可能使各种浏览器表现一致的 CSS 写法。 CSS Hacks 是最为流行的解决方案。但对于 IE 而言,目前已经有 IE6/IE7/IE8 三个主要版本,不久的将来还会有 IE9 的到来。于此,IE 是个杯具。
有很多人歇斯底里地诋毁 IE6,在此想说的是,一切诋毁 IE6 的言论都是纸老虎。看看 IE6 的历史,它绝不是一个错误的存在。IE7/IE8 这些有严重后遗症的版本才是导致一切杯具的罪魁祸首。狼蚁网站SEO优化是各个 IE 版本的 CSS Hacks 写法
IE6
复制代码
代码如下:_selector{property:value;}
selector{property:value;property:value!important;} //IE6 不支持同一选择符中的 !importantIE7
+selector{property:value;}IE8
selector{property:value\0;}IE6 & IE7
selector{property:value;}IE6 & IE7 & IE8
selector{property:value\9;}
可悲的是,IE8 会自作主张的将页面按照 IE7 模式进行渲染。目前针对 IE 多版本兼容的现状,通常会采用设置 X-UA-Compatible HTTP 头的方式开启 IE8 的兼容模式,这样能在一定程度上减少调试 IE 的工作量。代码如下
复制代码
代码如下:<meta http-equiv="X-UA-Compatible" content="IE=7"> //标准 IE7 模式
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> //兼容 IE7 模式
你也可能会碰到另一种情况
<meta http-equiv="X-UA-Compatible" content="IE=Edge">//标准 IE 模式IE8 在没有申明 IE=Edge 的情况下还是会存在以兼容模式渲染的情况,这种设置方案 (IE=Edge) 目前口碑网正在应用。
关于 IE=Edge 详细参考
上一篇:收集的7个CSS3代码生成工具
下一篇:css Sub-Pixel Bug?!
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML