IE8 7 6 css hacks

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

  对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,可以是属性也可以是类

目录
相关文章
|
4月前
|
前端开发 C++
CSS【详解】 标准盒模型 VS IE 盒模型
CSS【详解】 标准盒模型 VS IE 盒模型
53 0
|
前端开发 JavaScript UED
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
76 0
|
前端开发 开发者
介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的?
介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的?
|
Web App开发 前端开发
区分IE6,IE7,IE8,IE9,FireFox,Chrome浏览器的CSS hack
区分IE6,IE7,IE8,IE9,FireFox,Chrome浏览器的CSS hack
|
前端开发 UED
不得不收藏的——IE中CSS-filter滤镜小知识大全
前段时间在做一个专题的时候用到了opacity不透明度属性,因为设计图上是半透明背景,白色文字
472 0
不得不收藏的——IE中CSS-filter滤镜小知识大全
|
前端开发
关于ie中实现弹性盒模型-我的css
css3中的弹性盒模型大家都不陌生,但是能否在ie6中实现呢?第三方库中涉及到的页少之又少,也有一部分css框架中支持各种布局,下面给出我用的盒模型样式(为了以后copy方便而已): /*********************************** *兼容盒模型 by awen *...
1153 0
|
前端开发
CSS-自定义高度的元素背景图如何自适应以及after伪类在ie下的处理
我都好久没更新了! 遇到一个效果,之前没有考虑清楚,设置了固定高度,到了后边,产品要加长,我就觉得设计得从新弄张长点的背景图!这不多余么? 其实分析原图还是可以再切分,再细化到不用改设计图,让我们前端页面各种适应,做到重复利用。
1192 0
|
Web App开发 前端开发 容器
CSS- ie6,ie7,ie8 兼容性写法,CSS hack写法
css ie6,ie7,ie8 兼容性写法,CSS hack写法   margin-bottom:40px;       /*ff的属性*/margin-bottom:140px\9;    /* IE6/7/8的属性 */color:red\0;              /* IE8支持 */*...
1036 0