区分IE6,IE7和firefox的CSS hack

2016-02-19 23:17 6 1 收藏

今天天气好晴朗处处好风光，好天气好开始，图老师又来和大家分享啦。下面给大家推荐区分IE6,IE7和firefox的CSS hack，希望大家看完后也有个好心情，快快行动吧！

【 tulaoshi.com - Web开发】

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）区别IE6与FF：

background:orange;*background:blue;
区别IE6与IE7：

background:green !important;background:blue;
区别IE7与FF：

background:orange; *background:green;
区别FF，IE7，IE6：

background:orange;*background:green !important;*background:blue;
注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;

                 IE6 IE7 FF
*                √  √  ×
!important ×  √  √

--------------------------------------------------------------------------------
另外再补充一个，下划线"_",
IE6支持下划线，IE7和firefox均不支持下划线。(推荐)

于是大家还可以这样来区分IE6，IE7，firefox

: background:orange;*background:green;_background:blue;
注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。

来源:http://www.tulaoshi.com/n/20160219/1629593.html

上一篇： CSS教程:建议font-size使用em
下一篇： Win10预览版10072自定义添加桌面图标的方法

看过《区分IE6,IE7和firefox的CSS hack》的人还看了以下文章更多>>

区分IE6,IE7和firefox的CSS hack 02-19
CSS Hack:区分IE6/IE7/IE8/Firefox 02-19
解决IE6、IE7、Firefox兼容最简单的CSS Hack 02-19
针对firefox ie6 ie7的css样式 02-19
css教程：IE6、IE7和FF的hack的运用技巧 01-29
关于IE6、IE7和FF最简单的CSS hack技巧 02-19
IE8、IE7、IE6、FF简单的CSS HACK测试 02-19
IE6、IE7和FF的最简单的hack技巧 02-19
IE6/IE7和Firefox对Div处理的差异 02-19
CSS Hack(Safari、Opera、Firefox3和IE7) 02-19

CSS兼容IE6,IE7,FF的技巧

标签： Web开发

一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) style #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } /style 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支...

CSS教程:兼容ie6,ie7,ff的fixed

标签： Web开发

效果地址： !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"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlefixed ie6/titlest...

JS区别IE6、IE7、IE8之间的方法

标签： Web开发

js用来区别IE与其他浏览器及IE6-8之间的方法。 1、document.all 2、!!window.ActiveXObject; 使用方法如下： if (document.all){ alert(IE浏览器); }else{ alert(非IE浏览器); } if (!!window.ActiveXObject){ alert(IE浏览器); }else{ alert(非IE浏览器); } 下面是区别IE6、IE7、IE8之间的方法： var isIE=!!window.ActiveXObject; v...

一个针对IE7的CSS Hack

标签： Web开发

IE7 修复了很多 bug，也增加了对一些选择符的支持，所以现在诸如 *html {} 和 htmlbody {} 等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效。虽然 CSS Hack 不推荐使用，条件注释才是万无一失的过滤器，但是条件注释只能出现在 HTML 中，CSS Hack 还是有用武之地的。Nanobot 发现了一些针对 IE7 的 CSS Hack，具体就是： body html* *+html ...

ie6和ie7下链接图片点不中问题讨论

标签： Web开发

最近重新审视了一下块集元素和内联元素，不是混淆，而是重新想了一下新的东西，有时候在我们进行重构的时候，偶尔会为了实际需要而将内联元素强制显示为块集元素，在一般情况下，这个是不会出问题的，而且可以很轻松的通过标准，但是在某一些情况下，虽然验证工具可以放过我们，但是在ie6下面会出现解析不正确的问题，下面就简单跟大家分享...

查看更多精彩>>