DotNet地盘

三月软件工作室 ▄︻┳︼═一
  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理

同时区分IE6、IE7、FF三种浏览器的Hack

Posted on 2008-01-31 08:57 JackLee 阅读(331) 评论(3)  编辑 收藏 所属分类: Html&&Css
    

区别不同浏览器,CSS hack写法:


区别IE6FF
       background:orange;*background:blue;

区别IE6IE7
       background:green !important;background:blue;

区别IE7FF
       background:orange*background:green;

区别FFIE7IE6
       background:orange;*background:green !important;*background:blue;

注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;

符号

FF

IE7

IE6

*

×

!important

×


另外再补充一个,下划线"_",
IE6支持下划线,IE7和firefox均不支持下划线。

于是大家还可以这样来区分IE6IE7firefox:
 background:orange;*background:green;_background:blue;

注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。

还有一种Hack技术,[xmlns] IE6不认识,但是IE7和FF都认识。所以
[xmlns] #mydiv { background-color:red;width:100px; }
#mydiv { background-color:blue;width:100px; }
在IE6中的ID为mydiv的Div的背景色为Blue,而在IE7和FF中的背景色为Red.


 

Feedback

#1楼    回复  引用  查看    

2008-01-31 10:20 by @高超      
[xmlns] #mydiv { background-color:red;width:100px; }
#mydiv { background-color:blue;width:100px; }
在IE6中的ID为mydiv的Div的背景色为Red,而在IE7和FF中的背景色为Blue.

这里写错了,在IE6中的ID为mydiv的Div的背景色为"Blue",而在IE7和FF中的背景色为"Red".

#2楼 [楼主]   回复  引用  查看    

2008-01-31 19:10 by 笔笔VS小武      
@@高超
是的.当时我看错了.谢谢了

#3楼    回复  引用    

2008-05-31 23:38 by Changjunwei [未注册用户]
这个又用上了,真管用呀!

标题  
姓名  
主页
Email (只有博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2008-02-24 16:37 编辑过


相关链接:
 
天空网站统计分析系统