CSS 浏览器 hack 方法

#### 针对不同浏览器设置样式 (CSS HACK)

CSS样式

.box {
    /* 对Firefox设置的样式 */
    color: black;
    /* 对IE9设置的样式 */
    color: #fff\9\0;
    /* 对IE8设置的样式 */
    color: #ff0000\0;
    /* 对Safari和Chrome设置的样式 */
    [color: #666; color: #999;
    /* 对IE7设置的样式 */
    *color: green;
    /* 对IE6设置的样式 */
    _color: blue;
}

/* Safari与Opera浏览器的共同样式 */
@media all and (min-width: 0px){}

/* 对Safari设置的样式 */
@media all and (-webkit-min-device-pixel-ratio:0){}

HTML结构

<div class="box">  
    这里根据设置不同浏览器的CSS HACK显示不同的颜色!   
</div>

在不同浏览器中的显示结果

IE6浏览器: 字体颜色为蓝色
IE7浏览器: 字体颜色为绿色
IE8浏览器: 字体颜色为红色
IE9浏览器: 字体颜色为白色
Firefox浏览器: 字体颜色为黑色
Safari、Chrome浏览器: 字体颜色为灰色

posted on 2020-07-19 18:39  完美前端  阅读(143)  评论(0)    收藏  举报

导航