游客:
注册
|
登录
|
会员
|
搜索
|
统计
|
帮助
无忧脚本
»
Html & XHtml & CSS 网页制作讨论版
» 通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5
‹‹ 上一主题
|
下一主题 ››
投票
交易
悬赏
活动
打印
|
推荐
|
订阅
|
收藏
标题:
[推荐]
通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5
20040326a
小虫
UID 64474
精华 0
积分 49
帖子 19
威望 21
阅读权限 10
注册 2007-1-20
状态 离线
#1
大
中
小
使用道具
发表于 2007-1-22 13:23
资料
个人空间
短消息
加为好友
通过CSS Hack 区分 FF/IE7/IE6/IE5.5/IE5
<!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"> <div id="fx">这是在 FireFox 或者 Opera 下面的效果</div> <div id="ie6">这是在 IE 6 下面的效果</div> <div id="ie7">这是在 IE 7 下面的效果</div> <div>以下为简单区分FF/IE6/IE7示例</div> <div id="example">这行文字在FF下应为红色,在IE6下应为蓝色,在IE7下应为绿色。</div> </body> </html>
提示:您可以先修改部分代码再运行
myhome
霸王龙
UID 40667
精华 0
积分 1599
帖子 538
威望 475
阅读权限 70
注册 2005-11-7
状态 离线
#2
大
中
小
使用道具
发表于 2007-1-22 22:06
资料
个人空间
短消息
加为好友
晕死!为了兼顾浏览器不知道要重复写多少代码!
doomchan
大恐龙
UID 12722
精华 0
积分 683
帖子 417
威望 416
阅读权限 50
注册 2004-6-9
来自 广东佛山
状态 离线
#3
大
中
小
使用道具
发表于 2007-1-26 18:26
资料
个人空间
短消息
加为好友
我个人目前只在ie6+和ff1.5以上做调试,用得最多的就是!important
如果是要区分ie版本的,建议使用if IE 来读取不同的css文件
我一直都不推荐这种多hack 的做法
因为你不知道,以后版本浏览器的会否有更混乱的css问题,超不方便代码阅读
Minisheep
爬虫
UID 15323
精华 0
积分 133
帖子 37
威望 60
阅读权限 20
注册 2004-8-9
状态 离线
#4
大
中
小
使用道具
发表于 2007-1-27 11:35
资料
个人空间
短消息
加为好友
这全都是IE的功劳啊,每次版本更新,几乎都是全新的浏览器
其实并不建议过多地使用hack,使用这个吧<!-- [if IE]>
[[i] 本帖最后由 Minisheep 于 2007-1-31 18:38 编辑 [/i]]
投票
交易
悬赏
活动
最近访问的论坛 ...
JavaScript & VBScript & DHTML 脚本技术讨论版
ASP & Access & SQL Server 后台编程讨论版
原创文章 & 讨论汇总版
Flex & Flash 技术讨论版
经典代码、教程资源库
休闲留言板
无忧脚本
无忧脚本技术讨论区
> 原创文章 & 讨论汇总版
> Html & XHtml & CSS 网页制作讨论版
> JavaScript & VBScript & DHTML 脚本技术讨论版
> XML & XSL & XPath & VML 网页技术讨论版
> ASP & Access & SQL Server 后台编程讨论版
> PHP & MySQL 后台编程讨论版
> JSP & Java & J2SE 后台编程讨论版
> .Net 相关技术讨论版
> Web 服务器技术
> Flex & Flash 技术讨论版
> Web UI & 图形技术讨论版
无忧脚本资源服务区
> 经典代码、教程资源库
> 参考手册、常用软件资源库
> 无忧合租服务器讨论版
无忧脚本休闲区
> 休闲留言板
> 招聘求职、网站推荐、广告信息版
> 无忧站务管理版
> 垃圾帖回收站
控制面板首页
编辑个人资料
积分交易
公众用户组
好友列表
升级个人空间
基本概况
流量统计
客户软件
发帖量记录
论坛排行
主题排行
发帖排行
积分排行
在线时间
管理团队
当前时区 GMT+8, 现在时间是 2010-7-31 04:54
苏ICP备05080427号
Powered by
Discuz!
5.5.0
© 2001-2007
51JS.COM
Processed in 0.233597 second(s), 8 queries , Gzip enabled
TOP
清除 Cookies
-
联系我们
-
无忧脚本
-
Archiver