IE8 7 6 css hacks

  对IE8、IE7、IE6、Firefox2.0.0.12做了简单的一些CSS HACK测试。下文中的 IE8 暂时仅代表IE8 beta1)。
  CSS定义:p {color:#f00;}
  xhtml结构:<p>文字</p>
  主要是测试“文字”这个颜色在不同浏览器下使用hack的一些结果报告:

  * html  p {color:#f00;}   支持 IE6        不支持FF IE7 IE8b
  *+html p {color:#f00;}   支持 IE7 IE8b        不支持FF IE6
  p {*color:#f00;}      支持 IE7 IE6        不支持FF IE8b

 

  相关测试:

 

 

  IE8 中增加了 CSS3 中的子串匹配的属性选择器(substring matching attribute selectors),具体规则与正则中的匹配很相似:

E[att^=’val’] //子串以’val’ 开始
E[att$=’val’] //子串以’val’ 结束
E[att*=’val’] //子串中包含’val’
  IE8 支持绝大多数基本的 CSS2.1 选择器,不支持的包括但不限于:[:first-line] 、[:first-letter]。

  对于 CSS2.1 中的 generated content 部分,即通过使用伪元素 :before 和 :after 添加文本内容,IE8 中支持 并未完全 。

  而对于几乎在其他浏览器中都支持的 opacity 和 RGBA ,IE8 中依旧没有支持。

  对于原来用来区分 IE 的 HACK 在 IE8 中基本失效(比如*property:value、*property:value等)。

  原有 IE 的 list-item whitespace bug 在 IE8 中依旧存在。
  原有 IE 的 z-index bug 在 IE8 中依旧存在。
  IE8 中产生新的 bug:当 line-heigth 小于正常值时,超出的部分将被裁切掉。
  IE8 中依然不支持 display:table 。
  IE8 中依然不支持 border 的 transparent 值。
  IE8 中 @import 只支持三层嵌套。

  IE8中 border的 transparent 不被支持
  IE8中产生新的BUG:line-heigth BUG
  /*/p{ color:#1e90ff}/*/ 只针对IE8的hack,可以是属性也可以是类

时间: 2024-11-01 01:36:39

IE8 7 6 css hacks的相关文章

CSS Hacks总结分析

下面来介绍一下关于css hack来解决一些多浏览器中不兼容的问题介绍.   IE6 IE7 Firefox2+ Firefox3+ Opera9.5+ Safari3.1+ 选择符{   *属性:值; }[1] √ √ × × × × 选择符{   _属性:值; } √ ×[2] × × × × 选择符,x:-moz-any-link{   属性:值; } × √ √ √ × × 选择符,x:-moz-any-link,x:default{   属性:值; } × √ × √ × × @med

国外转过来十个最好的CSS hacks

author: Dejan Cancarevic  come from:http://stylizedweb.com/2008/02/14/10-best-css-hacks/ 转自国外网站,本想翻译成中文,但是细看文章实在是简单,如果看不懂这个,我想也就没必要继续做前端了. If you are front end coder you must know how important is to make cross browses, valid CSS and xHTML code. And

2010全面兼容IE6/IE7/IE8/FF的CSS HACK写法

浏览器市场的混乱,给设计师造成很大的麻烦,设计的页面兼容完这个浏览器还得兼容那个浏览器,本来ie6跟ff之间的兼容是很容易解决的.加上个ie7会麻烦点,ie8的出现就更头疼了,原来hack ie7的方法又不能用了,怎么办呢? 第一种方法: 还好,微软提供了这样一个代码: <meta http-equiv="x-ua-compatible" content="ie=7" /> 把这段代码放到里面,在ie8里面的页面解析起来就跟ie7一模一样的了,所以,基本

兼容IE6/IE7/IE8/FireFox的CSS hack

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>区别IE6.IE

CSS小技巧:IE8浏览器的css hack

文章简介:随着win7使用者的不断扩大,开始将ie8纳入开发兼容浏览器范围. 随着win7使用者的不断扩大,开始将ie8纳入开发兼容浏览器范围 "\9" 例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox."*" IE6.IE7可以识别.IE8.FireFox不能."_" IE6可以识别"_",IE7.IE8.FireFox不能. .color{

IE6/IE7/IE8/Firefox专属CSS hack

文章简介:当我把第五行注视掉后,IE6显示的是green的颜色:即使是把\0改为\9结果还是一样:也就是说此时IE6显示的效果和IE7的相同,但是IE6是不支持 !important:百思不得其解:这也算是一个hack吧. .bgtest{         background:orange;/*==FF==*/         background:yellow\0;/*==IE8==*/         * background:green !important;/*==ie7==*/   

不用CSS Hacks 后的浏览器兼容方案分享

涉及到的条件注释代码如下:  代码如下 复制代码 <!DOCTYPE html> <!--[if lt IE 7 ]><html class="ie ie6"><![endif]--> <!--[if IE 7 ]><html class="ie ie7"><![endif]--> <!--[if IE 8 ]><html class="ie ie8&qu

让ie8 兼容ie7 css定义方法

 代码如下 复制代码 <html> <head> <!-- mimic internet explorer 7 --> <meta http-equiv="x-ua-compatible" content="ie=emulateie7" /> <title>my web page</title> </head> <body> <p>content goes h

区别不同浏览器CSS hack:区分IE6,IE7,IE8,firefox

 区别不同浏览器,CSS hack写法,从网上看到很多文章,现总结一下,尽量全面一点,备查. 注意下面介绍的这些hack写法仅适用于XHTML1.0.如果没有在HTML最前加上 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=&quo