标题: Safari的css HACK方法 [打印本页]

---

作者: webfamily    时间: 2012-3-24 14:34     标题: Safari的css HACK方法

以前的文章里提到过IE6/IE7/IE8/IE9/、Firefox的CSS HACK方法，那么Safari的CSS HACK是什么呢？

请看以下CSS代码：

.box   
• {   
  color: black;                              /* ff */
  
• 
  color: #fff\9\0;                            /* IE9 */
  
  color: #ff0000\0;                       /* IE8 */
  
•     [color: #666; color: #999;       /* Safari Chrome */
      *color: green;                           /* IE7 */
  
•     _color: blue;                             /* IE6 */
  }   @media all and (min-width: 0px){ /* Safari与Opera浏览器的共同样式 */  } @media all and (-webkit-min-device-pixel-ratio:0){  /* 这里单独设置Safari的样式 */
• }
  

HTML代码

<div
class="box">

• 这里根据设置不同浏览器的CSS HACK显示不同的颜色！   
• </div>
  

在IE6浏览器中字体颜色为蓝色；
在IE7浏览器中字体颜色为绿色；
在IE8浏览器中字体颜色为红色；
在IE9浏览器中字体颜色为白色；
在Firefox浏览器中字体颜色为黑色；
在safari、Chrome浏览器中字体颜色为灰色。

转载自：拓源网 http://www.toyean.com/post/safaricsshack.html
标签：CSS,HTML,浏览器兼容
仅供学习参考，交流意见。

---

欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/)

Powered by Discuz! 6.1.0