CSS Hack,CSS 浏览器兼容问题.docVIP

CSS Hack,CSS 浏览器兼容问题 对IE6、IE7、FF兼容性的详细CSS HACK介绍2007年12月05日 16:00以下为引用： 现在我大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对! important可以正确解释，会导致页面没按要求显示！搜索了一下，找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏 览一下，应该没有问题了。 现在写一个CSS可以这样： #example { color: #333; } /* Moz */ * html #example { color: #666; } /* IE6 */ *+html #example { color: #999; } /* IE7 */ 那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999，他们都互不干扰。我真希望那个IE6快点退休...... css Hacks，css样式表补丁.用于修正XHTML编码设计的网页模板布局,某些层的溢出问题,HACKS出处:，这个CSS补丁(hacks)很简单，在样式表中单独为ie7设置某个元素，id或者class前面这样写: *:first-child+html #ID{} 或者 *:first-child+html .class{} 别忘掉了前面的*,这个hacks使得DIV+CSS网页模板在ie5+,ie6,ie7,firefox 1.5,firefox 2的浏览器中都可以完美体现原始布局,而不会出现层溢出等问题. IE7 修复了很多 bug，也增加了对一些选择符的支持，所以现在诸如 *html {} 和 htmlbody {} 等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效。虽然 CSS Hack 不推荐使用，条件注释才是万无一失的过滤器，但是条件注释只能出现在 HTML 中，CSS Hack 还是有用武之地的。Nanobot 发现了一些针对 IE7 的 CSS Hack，具体就是： body html* *+html 这 三种写法，其中前两种都是不合法的 CSS 写法，在标准兼容浏览器中被被忽略，但是 IE7 却不这么认为。对于 body ，它会将缺失的选择符用全局选择符 * 代替，也就是将其处理成了 *body，而且不光对于 选择符，+,~ 选择符中这个现象也存在。对于 html* ，由于 html 和 * 之间没有空格，所以也是一种 CSS 语法错误，但 IE7 不会忽略，而是错误地认为这里有一个空格。对于第三种 *+html，IE7 认为 html 前面的 DTD 声明也是一个元素，所以 html 会被选中，这三种方法中只有这一种方法是合法的 CSS 写法，也就是说可以通过校验器的验证，因此也是作者推荐的 hack 用法。 最后作者给出了最佳方式： IE 6 and below Use * html {} to select the html element. IE 7 and below Use *+html, * html {} to select the html element. IE 7 only Use *+html {} to select the html element. IE 7 and modern browsers only Use htmlbody {} to select the body element. Modern browsers only (not IE 7) Use html/**/body {} to select the body element. The IE7 CSS Hack(!important在ie7.0的hack方法) 由 于ie对!important识别存在bug,而现在大部分网页标准设计师又通过这个bug来兼容ie和ff,但是ie7.0把这个bug给修复了,所以 问题又出现了,怎么兼容ie.7.0的同时又能兼容ie6.0和ff?正所谓上有政策,下有对策,国外的网页标准设计师通过使用css filter的办法(并不是css hack)来兼容ie7.0,ie6.0和ff,以下为作者从国外网站的翻译. 新建一个css样式如下： 插入代码： #item { width: 200px; height: 200px; background: red; } 新建一个div,并使用前面定义的css的样式： 插入代码： some text here 在body表现这里加入lang属性,中文为zh： 插入代码： 现在对div元素再定义一个样式： 插入代码： [/code] *:lang(