7万
861
32万
论坛元老
<!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=gb2312" /> <title>通过CSS Hack 区分 FX/IE7/IE6/IE5.5/IE5</title> <style type="text/css"> <!-- #fx { display: none; border: 3px double #999; width:300px; height:200px; padding:10px; } #ie6{ display:none !important; display:none;/*ie5*/ font-size:54px; border:10px solid #CCC; padding:100px; } #ie6/**/{ display:block; display /*ie5.5*/:none; } #ie7 { display:block !important; display:none;/*ie5 & ie6*/ background-color:#69f; border:1px dashed #63c; padding:50px; width:200px; height:150px; } *:lang(zh) #ie7{ display:none !important; } *:lang(zh) #fx{ display:block !important; } --> #example{color:red ;} * html #example{color:blue;} *+html #example{color:green;} </style> </head> <body lang="zh"> 这是在 FireFox 或者 Opera 下面的效果 这是在 IE 6 下面的效果 这是在 IE 7 下面的效果 以下为简单区分FF/IE6/IE7示例 这行文字在FF下应为红色，在IE6下应为蓝色，在IE7下应为绿色。 </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
使用道具 举报
3
1万
156
注册会员
2
499
中级会员
0
7
288
4
58
316
73
294
本版积分规则 发表回复 回帖后跳转到最后一页
手机版|小黑屋|网站地图|源码论坛 ( 海外版 )
GMT+8, 2024-9-20 18:37 , Processed in 0.142829 second(s), 26 queries .
Powered by Discuz! X3.4
Copyright © 2001-2020, Tencent Cloud.
发表于 2007-1-29 00:00:00
