CSS论坛's Archiver

webfamily 发表于 2012-3-24 14:34

Safari的css HACK方法

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

请看以下CSS代码:
[list=1].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的样式 */ [*]}
[/list]
HTML代码
[list=1]<div
class="box">
[*]这里根据设置不同浏览器的CSS HACK显示不同的颜色!   [*]</div>
[/list]
在IE6浏览器中字体颜色为蓝色;
在IE7浏览器中字体颜色为绿色;
在IE8浏览器中字体颜色为红色;
在IE9浏览器中字体颜色为白色;
在Firefox浏览器中字体颜色为黑色;
在safari、Chrome浏览器中字体颜色为灰色。

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

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.