发新话题
打印

Safari的css HACK方法

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,浏览器兼容
仅供学习参考,交流意见。

TOP

发新话题