我們知道和會運用CSS IE 火狐瀏覽器之間的區(qū)別DIV+CSS HACK，這里為大家再介紹下區(qū)別谷歌瀏覽器(Chrome)蘋果瀏覽器(safari)與IE之間的hack;
只有webkit核心瀏覽器的谷歌瀏覽器、safari瀏覽器識別的CSS hack
Chrome和safari的CSS hack代碼，只有谷歌瀏覽器蘋果瀏覽器讀取CSS代碼：
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Webkit內(nèi)核兼容CSS */
}
范例：
@media screen and (-webkit-min-device-pixel-ratio:0) {
.yangshi1{color:#f00}
.yangshi2{border:1px solid #f00;}
.yangshi3{background:#f00;}
}
HTML代碼：
<div class="yangshi1">css樣式1</div><br />
<br />
<div class="yangshi2">divcss5樣式2</div><br />
<br />
<div class="yangshi3">div+css樣式3</div>
總DIV CSS代碼：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>谷歌瀏覽器和safari webkit獨有區(qū)別其它瀏覽器css hack演示</title>
<style type="text/css">
@media screen and (-webkit-min-device-pixel-ratio:0) {
.yangshi1{color:#f00}
.yangshi2{border:1px solid #f00;}
.yangshi3{background:#f00;}
}
/* www.divcss5.com */
</style>
</head>
<body>
<div class="yangshi1"><a >css</a>樣式1</div><br />
<br />
<div class="yangshi2"><a >divcss5</a>樣式2</div><br />
<br />
<div class="yangshi3"><a >div+css</a>樣式3</div>
</body>
</html>
可自己動動手復(fù)制以上完整演示代碼，自己實例實例增加記憶和使用技巧知識
