CSS Hack

文章比较老,2009年的技术工作总结,现在重新归档

1、For Safari Hack

@media screen and (-webkit-min-device-pixel-ratio:0) {
  body { background-color: blue; } /*这里写入给Safari的CSS*/
}

注: 此方法仅针对Safari4.0++

2、Safari3.0++

<link rel="stylesheet" media="screen and min-device-pixel-ratio: 0" href="safari3.css"/>

Reference: http://www.evotech.net/blog/2007/06/targeting-safari-30-with-css/

3、其他常用Hack 方法举例

仅IE8:使用 \9 举例:height:200px; height:300px\9; (IE8的显示高为300像素)
IE6++:使用 # 选择器 举例:height:200px; #height:300px; (IE浏览器显示高为300像素)
仅IE6:使用 _ 选择器 举例:height:200px; _height:300px; (IE6显示高为300像素)
使用important:区分IE6以下版本 举例:height:200px; height:300px !important; (IE6以下显示高为200像素)

h. 4、IE8转到IE7浏览模式

<meta http-equiv="X-UA-Compatible" content="IE=7" />

注:该meta需放在第一的位置比较好使

Reference:
-http://themechanism.com/2008/01/08/safari-css-hack-redux/
http://www.webdevout.net/css-hacks

归档于 http://studio.robinu.com/wiki/CSSHacks ( 域名已下线 )

Updated 2011-11-01

评论已关闭。Comments are turned off for this article.