一切诋毁IE6的言论都是纸老虎:CSS Hacks

2016-02-20 00:31 9 1 收藏

有了下面这个一切诋毁IE6的言论都是纸老虎:CSS Hacks教程,不懂一切诋毁IE6的言论都是纸老虎:CSS Hacks的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

掌握 CSS Hacks 可以说是前端开发工程师的一个基本技能。随着浏览器版本的遍地开花,我们寻找着尽可能使各种浏览器表现一致的 CSS 写法。当然 CSS Hacks 是最为流行的解决方案。但对于 IE 而言,目前已经有 IE6/IE7/IE8 三个主要版本,不久的将来还会有 IE9 的到来。于此,IE 是个杯具。

当然有很多人歇斯底里地诋毁 IE6,在此想说的是,一切诋毁 IE6 的言论都是纸老虎。看看 ,它绝不是一个错误的存在。IE7/IE8 这些有严重后遗症的版本才是导致一切杯具的罪魁祸首。下面是各个 IE 版本的 CSS Hacks 写法:

IE6:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
_selector{property:value;}selector{property:value;property:value!important;} //IE6 不支持同一选择符中的 !important

IE7:

+selector{property:value;}

IE8:

selector{property:value;}

IE6 & IE7:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
*selector{property:value;}

IE6 & IE7 & IE8:

selector{property:value9;}

可悲的是,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 详细参考:

来源:http://www.tulaoshi.com/n/20160220/1632018.html

延伸阅读
标签: Web开发
在做div css网页设计的时候突然IE6不能正常解析CSS文件,解决半天也不得其解,于是上网去找老师,最后在网上找到了一篇好的文章,且解决了问题,特发出来为大家欣赏,首先谢谢本文作者。 网页采用了 UTF-8 编码格式,这本来没有问题,问题是外部 CSS 文件默认是 ANSI 编码,并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也...
标签: Web开发
本文为转载,是一个网友在实际工作中遇到的问题,在此52CSS转载过来,大家在遇到此类问题时,可以有一定经验。 又是IE6,又是编码,说来说去都是这些问题。今天在做一个网页的时候发现 IE6 版本以下的浏览器不能把CSS正确地表现出来,CSS 好像没有产生任何作用!而 IE7 、Opera9 和 Firefox2&nbs...
标签: Web开发
简单试用了一下IE8后,今天相对有时间点,对IE8、IE7、IE6、Firefox2.0.0.12做了简单的一些CSS HACK测试。 样式代码: p {color:#f00;} xhtml代码: p文字/p 主要是测试文字这个颜色在不同浏览器下使用hack的一些结果报告。 早上测试的东西少了几个,这里补上,还有更多的东西等怿飞的测试报告。下午有时间再看看...
标签: Web开发
很早就在这里看到过解决方案,与嗷嗷讨论后发现这个方案还是很可靠的。当然,唯一的缺点就是每一个属性都要去Hack,但我在很多实践中,只用‘修正’1-2个属性就可以了。 具体写法很容易: #someNode {     position: fixed;    #position: fixed;    _position: fixed; } 第一排给Firefox以及其他浏览器...
标签: Web开发
在做div+css网页设计的时候突然IE6不能正常解析CSS文件,解决半天也不得其解,于是上网去找老师,最后在网上找到了一篇好的文章,且解决了问题,特发出来为大家欣赏,首先谢谢本文作者。 网页采用了 UTF-8 编码格式,这本来没有问题,问题是外部 CSS 文件默认是 ANSI 编码,并没有保存为 UTF-8&nb...

经验教程

559

收藏

70
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部