IE8、IE7、IE6、Firefox2.0 CSS HACK测试

[ 847 查看 / 0 回复 ]

返回列表

fly1397

组别版主
性别
生日1987-3-10
积分49
帖子40
注册时间 2009-02-16

2009-03-11 18:03 |只看楼主 1^#

字体大小: t T

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

明天更美好~

TOP

返回列表

上一主题 | 下一主题

创想C2C商城高级企业版V4.03发布	创想企业网站建设解决方案	商城高级企业版全新亮相	好客玫琳凯直销联盟网
创想ECS系统安装配置手册	创想商务网B2B高级企业版	创想正在进行的优惠活动	青龙建材装饰城
创想ECS系统使用操作指南	创想ECS系统风格模板技术	创想软件使用文档中心	海量网页设计素材共享