区分所有浏览器hack示例

最新推荐文章于 2025-07-22 00:16:16 发布

转载最新推荐文章于 2025-07-22 00:16:16 发布 · 55 阅读

CC 4.0 BY-SA版权

文章标签：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>cssHack</title>
<style type="text/css">
h1{
color:red; /* 通用写法，现在针对除了下面内核的其他浏览器 */
color:blue\9; /* 通用效果 ie8 显示蓝色*/
*color:yellow; /* 通用效果 ie7 显示黄色*/
_color:green; /* 通用效果 ie6 显示绿色*/
}
@-moz-document url-prefix(){h1 {color:black;}} /*ff专属*/
@media screen and (-webkit-min-device-pixel-ratio:0){h1 {color:#ccc; }}/*safari 专属*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){head~body h1 { color:orange; }}/*opera专属*/
</style>
</head>
<body>
<h1>我要不同的浏览器显示不同的颜色</h1>
</body>
</html>