清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐Css Hack:Pixel Perfect,无聊中的都看过来。
【 tulaoshi.com - Web开发 】
比较常用的是只对IE进行hack,常见的写法有以下几种:
1. IE条件注释!-- [ if IE]link href="ie.css" rel="stylesheet" type="text/css" /![endif]--
还可只对某一IE版本或以下版本hack
2. html/body标签中写class hook比如使用jQuery Browser Plugin后通过firefox浏览页面html被附加上这样的class
html class="win firefox firefox3 gecko gecko1"
之后针对不同的浏览器(及版本)写hack
Google的某些产品使用的是此方法,比如Google Reader,只不过hook的对象为body标签而非html标签。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)通过前后台生成hook皆可
CSS Hack比如:
div{color: black; /* all browsers */color: red9; /* 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)。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)这是pixel perfect系列的最后一篇,面对不可能完成的任务,至少我们努力过了
来源:http://www.tulaoshi.com/n/20160220/1631665.html
看过《Css Hack:Pixel Perfect》的人还看了以下文章 更多>>