IE8 Beta1、IE7、IE6、Firefox2.0.0.12的一些CSS 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 IE8b1 |
|
*+html p {color:#f00;} |
支持 IE7 IE8b1 |
不支持FF IE6 |
|
p {*color:#f00;} |
支持 IE7 IE6 |
不支持FF IE8b1 |
相关测试:
|
p {+color:#f00;} |
支持IE7 IE6 |
不支持FF IE8b1 |
|
p {_color:#f00;} |
支持IE6 |
不支持FF |
|
p {color:#00f !important;} p {color:#f00;} |
支持IE6 IE7 IE8b1 FF |
|
|
p {color:#00f !important;color:#f00;} |
支持IE7 IE8b1 FF |
不支持IE6 |
|
head:first-child+body p {color:#f00;} |
支持IE7 IE8b1 FF |
不支持IE6 |
|
/**//*/ p {color:#f00;} /**/ |
支持IE8b1 |
不支持IE6 IE7 FF |
|
html*p {color:#f00;} |
支持IE6 IE7 |
不支持IE8b1 FF |
|
body>p {color:#f00;} |
支持IE7 IE8b1 FF |
不支持IE6 |
|
html[xmlns] p {color:#f00;} |
支持IE7 IE8b1 FF |
不支持IE6 |
|
@import ‘style.css’; @import “style.css”; @import url(style.css); @import url(‘style.css’); @import url(“style.css”); |
支持IE6 IE7 IE8b1 FF |
|
|
P {/*/*color:#f00;/* */} |
支持IE6 IE7 FF |
不支持IE8b1 |
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,可以是属性也可以是类
想说两句:)
相关信息
- 什么是网站重构 15-October-2009
- 网站加速方法 18-September-2009
- 15招快速减少页面载入时间 18-September-2009
- IE8 Beta1、IE7、IE6、Firefox2.0.0.12的一些CSS HACK测试 3-July-2009
- 31款站长优化工具 3-July-2009
- SEO 中B标签与Strong标签的区别 15-June-2009
- SEO优化 H1,H2,H3标签和strong 15-June-2009
- 搜索引擎优化技巧,seo技巧 15-June-2009
- DIV+CSS网站优化(seo) 16-May-2009
- css hack书写规范 14-May-2009
- 常用js框架,js库 4-May-2009
- CSS命名规范 23-April-2009
- 前端开发工具集锦 22-April-2009
- IE5、IE6、IE7、IE8 的CSS HACK兼容列表 30-March-2009
- css自动换行word-break:break-all和word-wrap:break-word 27-February-2009
- 2009年海外Web设计风潮 13-February-2009
- css网页设计技巧集 27-November-2008
- 百度与谷歌的收录规则 12-November-2008
- 简洁网页设计 提高网络销量 12-November-2008
- 网页设计的十要十不要 12-November-2008
- CSS禅意花园让我们热爱设计热衷于思考 24-October-2008
- Div+CSS网页布局对SEO的影响 21-October-2008
- WEB标准中细线表格的实现方法 21-October-2008
- 常用DIV+CSS网页制作布局技术技巧 21-October-2008
- 轻松学DIV教程(div+css布局) 21-October-2008
- web标准化设计:常用的CSS命名规则 21-October-2008
- 网站进行SEO搜索引擎优化的七条规则 21-October-2008
- 网站SEO必知的三点策略 21-October-2008
- 优化网站内部链接:有效引导搜索引擎抓取 21-October-2008
- 大型门户网站搜索引擎优化方案 21-October-2008
- 一个站长的网站成长过程 21-October-2008
- Seo优化的6个必经步骤 21-October-2008
- 企业推广的最有效途径 21-October-2008
- 推荐2本SEO入门书籍下载 21-October-2008
- 阿里巴巴网站的搜索引擎优化SEO分析 21-October-2008