CSS Hack解决浏览器IE部分属性兼容性问题
2016-11-03 16:15
309 查看
一、Css Hack
不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果二、Css Hack分类
2.1.属性前缀法(即类内部Hack):如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_",IE6~IE10都认识"\9"2.2.选择器前缀法(即选择器Hack):如 IE6能识别*html .class{},IE7能识别*+html .class{}或者*:first-child+html .class{}
2.3.IE条件注释法(即HTML条件注释Hack):针对所有IE(注:IE10+已经不再支持条件注释): <!--[if IE]>IE浏览器显示的内容 <![endif]-->,
针对IE6及以下版本: <!--[if lt IE 6]>只在IE6-显示的内容 <![endif]-->。这类Hack不仅对CSS生效,对写在判断语句里面的所有代码都会生效
2.1.属性前缀法(即类内部Hack)
![](https://images2015.cnblogs.com/blog/819169/201611/819169-20161103155144830-1053878024.png)
2.2.选择器前缀法(即选择器Hack)
![](https://images2015.cnblogs.com/blog/819169/201611/819169-20161103160908830-1855704257.png)
2017-04-14 08:29:26 补充内容 IE7标准模式与IE8(IE7标准模式)能识别
*:first-child+htmlCSS Hack
![](https://images2015.cnblogs.com/blog/819169/201704/819169-20170414084558267-1053884926.png)
2.3.IE条件注释法(即HTML条件注释Hack)
![](https://images2015.cnblogs.com/blog/819169/201611/819169-20161103161329299-2025889075.png)
资料参考
史上最全的CSS hack方式一览
区分IE8/IE7/IE6及其他浏览器-CSS “\9″hack
解决IE8不支持的部分css3属性
HTML5-JS文件-让IE浏览器支持HTML5标准
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
http://www.w3cplus.com/css/create-css-browers-hacks http://www.dynamicsitesolutions.com/css/filters/first-child-plus-html/
相关文章推荐
- 解决td标签上的position:relative属性在各浏览器中的兼容性问题
- 解决td标签上的position:relative属性在各浏览器中的兼容性问题
- CSS的解决IE5/IE5.5/IE6/FF/IE7的兼容性问题(css hack)
- ie placeholder属性的兼容性问题解决方法
- 切换到IE兼容模式,解决部分IE7以上浏览器不兼容的问题
- IE和火狐等浏览器关于 的兼容性问题解决
- 解决input 有readonly属性 各个浏览器的光标兼容性问题
- 解决nth-child(n)属性在IE8浏览器中兼容性问题
- 手写一个关于title属性自定义提示框解决浏览器(IE)不兼容问题
- 高版本浏览器 拥有 纠错功能,会解决部分兼容性问题; 低版本浏览器 则 不具备 改功能
- IE下某些标签的innerHTML属性只读引发的兼容性问题
- 解决IE浏览器之间的兼容性问题 IE7.JS IE8.JS
- IE7 IE8 的兼容性问题解决(微软)
- JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
- 关于CSS+DIV 开发 与各浏览器的兼容性问题..解决方法.
- 采用Window对象shim属性解决IE下flash位于弹出窗口之上遮住窗口问题——此方法对firefox暂未解决
- 在不同浏览器用不同css 解决IE和其他浏览器问题
- 解决IE中部分文件格式不能下载的问题(附MIME大全)
- 解决不同浏览器上中文文件名的下载乱码问题php验证可行的测试过ie ff 和chrome的
- IE与FireFox的兼容性问题及解决(转)