css教程：IE6、IE7和FF的hack的运用技巧

2016-01-29 11:40 15 1 收藏

css教程：IE6、IE7和FF的hack的运用技巧,本例介绍CSSer必须掌握的关于IE6、IE7和FF的hack的使用技巧，希望能帮助需要的朋友～～

【 tulaoshi.com - Html 】

CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。

FF浏览器

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/html/） .test{
height:20px;
background-color:orange;
}

IE7浏览器

*+html .test{/*IE7*/
height:20px;
background-color:blue;
}

IE6浏览器

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/html/） *html .test{/*IE6*/
height:20px;
background-color:black;
}

　　通过上面的CSS代码可以看出FF还是最听话的浏览器。
　　在IE6和IE7如果要使用HACK必须要在前面加上夫级标签html。
　　这里就很好记忆了，IE6加*html，而IE7加*+html，暗示加了一个版本。
　　通过对class、id所做的CSS HACK好处在于不用顾及前后顺序，而且便于管理和其他人员接受，
　　还可以通过这种HACK实现类似JS浏览器版本的控制。

　　上面内容看完可以点击下面的效果在不同浏览器来看看效果，
　　其中橙色代表FF，蓝色代表IE7，黑色代表IE6。

　　大家可以自行测试！

来源:http://www.tulaoshi.com/n/20160129/1482927.html

看过《css教程：IE6、IE7和FF的hack的运用技巧》的人还看了以下文章更多>>

IE6/IE7和Firefox对Div处理的差异

标签： Web开发

基本HTML代码 !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" headtitleDiv Float Sample/titlestyle type="text/css"div { margin:3px; }.d1 { width:250px; min-height:...

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 ...

CSS Hack(Safari、Opera、Firefox3和IE7)

标签： Web开发

1、仅 Safari 和 Opera 识别的 Hack @media all and (min-width: 0px) {/* Safari and Opera rules here *

CSS对IE6、IE7、IE8支持详细的易用的参考

标签： Web开发

中文原文：译自：关于浏览器的最离奇的统计结果之一就是 Internet Explorer 版本6，7和8共存。截至本文，。在网站开发社区，这个数字要小很多，统计显示。这些统计中比较有趣的部分是，IE6、IE7、IE8之间的数值很接近，这防止了单个Microsoft的浏览器占居统治地位与过去的情况相反。根据这些令人遗憾的统计结果，在为客户开发网站...

查看更多精彩>>