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

摘要:
区别不同浏览器,CSShack写法:区别IE6与FF:background:orange;*background:blue;区别IE6与IE7:background:green!important;符号FFIE7IE6*√√×!important×√√另外再补充一个,下划线"_",IE6支持下划线,IE7和firefox均不支持下划线。于是大家还可以这样来区分IE6,IE7,firefox:background:orange;*background:green;_background:blue;注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。还有一种Hack技术,[xmlns]IE6不认识,但是IE7和FF都认识。所以[xmlns]#mydiv{background-color:red;100px;}#mydiv{background-color:blue;100px;}在IE6中的ID为mydiv的Div的背景色为Blue,而在IE7和FF中的背景色为Red.

区别不同浏览器,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;100px;}
#mydiv { background-color:blue;100px;}
在IE6中的ID为mydiv的Div的背景色为Blue,而在IE7和FF中的背景色为Red.

免责声明:内容来源于网络,仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇struts.xml中可以使用el表达式和ognl表达式如何删除微软拼音输入法2003(转)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

sass中文注释的解决方法和一些简单用法

最近用sass来编写项目中的css,发现不能添加中文注释,报错如下 于是查阅了一下发现需要在scss文件顶部加上@charset "utf-8"即可解决。 在此顺便记录一些sass的常用技巧。 注释: /* 我是注释 */ ,会保留到编译后的文件。 // 我是注释 ,只保留在SASS源文件中,编译后被省略。  /*后面加一个感叹号,表示这是...

CSS伪元素before和after

今天发现很多国外的网站和框架设计都用到了before和after,之前使用的比较少,今天试了下觉得还是很有意思的~ 说明 1. :before 和 :after将在内容元素的前后插入额外的元素;:before将会在内容之前“添加”一个元素而:after将会在内容后“添加”一个元素。在它们之中添加内容我们可以使用content属性。 2. :before 和...

纯CSS实现可自定义间距虚线边框

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .border-wrapper {...

分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容

分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容 在写JS的过程中,为了调试我们常常会 写很多 console.log、console.info、console.group、console.warn、console.error代码来查看JS 的运行情况,但发布时又因为IE不支持console,又要去掉这些代码,一不小心就会出错 问题...

jQuery中兄弟元素、子元素和父元素的获取

parent,parents,children,prev,prevAll,next,nextAll,siblings,find <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio...

css实现五颜六色的按钮导航

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>css实现五颜六色的按钮导航_网页代码站(www.webdm.cn)</title&...