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