css常见的hack方法有哪些_随笔

CSS Hack大致有3种表现形式，CSS属性前缀法、选择器前缀法以及IE条件注释法（即HTML头部引用if IE）Hack，实际项目中CSS Hack大部分是针对IE浏览器不同版本之间的表现差异而引入的。属性前缀法(即类内部Hack)：例如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，IE6~IE10都认识"\9"，但firefox前述三个都不能认识。选择器前缀法(即选择器Hack)：例如 IE6能识别*html .class{}，IE7能识别*+html .class{}或者*:first-child+html .class{}。 IE条件注释法(即HTML条件注释Hack)：针对所有IE(注：IE10+已经不再支持条件注释)： ，针对IE6及以下版本： 。这类Hack不仅对CSS生效，对写在判断语句里面的所有代码都会生效。具体不展开，可看资料搜索“史上最全的CSS hack方式一览”

html中区分ie各版本的方法为IE有条件注释，不过这种方式只支持到IE9（包括IE9），在IE10之后移除了该特性；不建议使用；

css中判断IE各版本，只能通过css hack方式，针对浏览器的怪癖行为来区分；不建议使用；

通过js处理浏览器的用户代理userAgent字符串来解析出浏览器的版本，虽然这种方式也不建议使用，但是目前能解析出浏览器类型及版本最好的办法了

HTML5 Boilerplate 是一个由 Paul Irish（Google Chrome 开发人员、jQuery 项目成员、Modernizr 作者、yayQuery 播客主持人）主导的“前端开发模版”。

HTML5 Boilerplate 是一套具有非常多先进特性的框架，其特性简单介绍如下：

由 Paul Irish 首创的在 HTML 页面的 body 上使用 IE 条件注释判断浏览器版本，从而大大简化了针对 IE Hack 的成本（在后来的版本中升级为在 <html>标签中加入条件注释）

HTML5 集成，默认使用了很多 HTML5 的特性，并且使其兼容旧版本浏览器

大量针对服务器的默认配置，无需修改即可配置一个安全、标准的 web 服务器

完整的 JS 调试机制 —— 即使在 IE 下

大量使用 CSS3 技术，并且集成了几乎所有来自框架中和技术大牛们口头相传的 CSS 技巧

为所有浏览环境做了优化，包括移动版本和打印版本

默认内置 Modernizr，可以检测浏览器对新特性的支持能力，方便针对旧版本浏览器优化

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/6220558.html

css常见的hack方法有哪些

发表评论

评论列表（0条）