有关IE Css Hack 不完全总结

前端开发 3573 Views 1 Comments

有关IE Css Hack 不完全总结

分享是一种美....
微软公司将于明年4月份取消XP对IE6的支持 WIN8.1和IE11已经发布

一、IE 6 专有 css hack
这个不用记了,忘记它吧。
IE6 : 十年之后,我们是朋友,还可以问候,只是那种温柔,再也找不到拥抱的理由……
在此分享即将逝去的  IE6 十 年 历 程 请看视频:
IE6,是时候和你说再见了!

1. *html Selector {} /* Selector 表示 css选择器 下同 */
2. Selector { _property: value; } /* property: value 表示 css 的属性名: 属性值 下同 */
3. Selector { _property/**/: /**/value; }
4. Selector { -property: value; }

二、IE 7 专有 css hack

我怎么觉得IE家的老七完全是浏览器大战时期的产物

1. *+html Selector {}
2. *:first-child+html Selector {}

三、IE 8 无专用 css hack,但可以通过css hack组合方式达到针对 IE 8 的样式设置

有XP在,IE8不可能消灭,它会依然矗立在WEB开发的道路上岿然不到。但,我有一个梦想,I have a dream: IE6 BYE BYE!! 不是我讨厌你,IE家族,你们老六确实挺磕碜。但是,大陆网民依然爱你。为什么呢?哼嗯...

Selector { /* 注意看value值的设置哦 */
    property: value1; /* W3C MODEL */
    property: value2\0; /* IE 8+ */
    property: value1\9\0; /* IE 9+ */
}

可惜暂时没有整理出 IE 9+ 的专有 css hack,可能是IE 9+ 已经开始趋向于向 W3C 的标准靠近了,所以再搞出专有的 css hack 就显得没多大的必要了。不过对于 css hack 的整理还没结束,下面也整理了非专有的 IE css hack。
四、IE 6+ css hack

用于IE6以上IE大家庭,此招让IE hack去见莫绝师太。

Selector { property: value\9; }

五、IE 6-7 css hack

1. Selector { *property: value; }
2. Selector { #property: value; }
3. Selector { +property: value; }

考大家一个问题,下面的 css hack 应用在哪个 IE 浏览器呢?

Selector { %property: value; }

答案是:IE 6-7。为什么 % 号也可以呢?其实通过测试,可以发现一个更严重的 bug :* 号可以代表很多符号,只要 property 前面添加的若干符号(注意是若干哦)不包含 _(下划线)、数字符号或不影响property属性名的前提下的字符串,那么这个 css 属性都可以在 IE 6-7 中正常显示。IE是不是很奇葩…
六、IE 8+ css hack

Selector { property: value\0; }

七、IE 9+ css hack

Selector { property: value\9\0; }

IE家族们,你自己瞅瞅吧,为了使用你要记这么些个hack。我们容易吗?

转载请注明:一只羊博客 » 有关IE Css Hack 不完全总结

分享到:
(0)

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (1)