Css Hack：Pixel Perfect- CSS样式表 - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > Css Hack：Pixel Perfect

CSS样式表: CSS 关于网页图片的属性; CODEPAGE 列表与asp应用例子; html 的 ContentType 小结; 不要使用CSS Expression的原因分析; css ie6 ie7 ff的CSS hack使用技巧; div+CSS网页布局的意义与副作用原因小结; iframe自适应高度的多种方法方法小结; css display:none使用注意事项小结; html工作中表格<tbody>标签的使用技巧; input为disabled提交后得不到该值的解决方法; Css Reset(复位)方法整理; css首字放大实例代码; 让IE ff Opera同时支持Alpha透明的方法; WEB标准网页布局中尽量不要使用的HTML标签; css网页布局中注意的几个问题小结; 指定网页的doctype解决CSS Hacking方法总结; 左侧固定宽度，右侧自适应宽度的CSS布局; DIV+CSS经常用到的属性、参数及说明; 校内网css代码添加背景图片常用代码; css 通配符用法总结

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-03 浏览: 143 ::

收藏到网摘: n/a

比较常用的是只对IE进行hack，常见的写法有以下几种：

<!-- [ if IE]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

还可只对某一IE版本或以下版本hack

比如使用jQuery Browser Plugin后通过firefox浏览页面html被附加上这样的class

<html class="win firefox firefox3 gecko gecko1">

之后针对不同的浏览器（及版本）写hack

Google的某些产品使用的是此方法，比如Google Reader，只不过hook的对象为body标签而非html标签。

通过前后台生成hook皆可

比如：

div{ color: black; /* all browsers */ color: red\9; /* E8 and below */ #color: green; /* IE7 and below */ _color: blue; /* IE6 and below */
}

在实际项目中使用较多的是此方法。当然，也可以第一种和第三种方法配合，方便通过验证

如果不是为了pixel perfect，平时也用不到太多hack，hack多了非常令人恶心(think, there was an old lady who swallowed a fly)。

这是pixel perfect系列的最后一篇，面对“不可能完成的任务”，至少我们努力过了…