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浏览器: 字体颜色为灰色