[万年计划]恶搞IE,你也可以

九月 14th, 2009 发表评论 阅读评论

前几天在Shellex的博客公告里看到一句话,“Hi, 我是Shellex, 本站一万年以后将会兼容IE,敬请期待”,觉得特别有趣,难道这博客不兼容IE?我就找出来尘封已久的IE打开Shellex的博客,果然是右侧栏处有明显的偏移,不太美观的说。

一万年以后,还会有IE吗?所以我觉得博主应该找个绑有IE的XP光盘埋起来,等一万年以后再找出来测试IE的兼容性了,当然这里有个前提,就是博主还会动。

也许Shellex博主的博客兼容IE的那一天我很有可能已经看不到了。抄袭一下,人生有多少个十年,我已经过去了两个。

然而我对博主的做法很赞同,因为我也很不喜欢IE,虽然IE的市场占有率很大,但这不是通过正当手段获得的,这是广大正派人士所不耻的。虽然少数几个网民站长的恶搞对IE来说不痛不痒的,但我还是加入了恶搞IE的队列中。恶搞IE,你也可以,下面把我的恶搞过程写下来。

上网找了很久,有关IE不兼容的css使用方法。很多都说在IE里!important是不起作用的,但经过我的测试发现,IE7.0是!important认识的。然后继续寻找IE里特有的css属性使用方法,终于发现了一个,就是在属性前加*,详见下面的内容。

可这样写样式:
.cssName{ width:213px ; *width:213px !important;*width:211px; }
其中,第一个为firefox下面的,第二个是IE7的,第三个是IE6的
因为:firefox不认 “*”这个东西,也就是后面两个在firefox下面是没有的
因为IE下面“*”是有效的,而且IE7支持“!important”,所以第二个在IE7下面是优先的。自然,第三个就是IE6的
所以使用顺序就是:FireFox,IE7(加*加!important),IE6(加*)

来源:http://k.pconline.com.cn/question/1008897.html

好,就按这个做了,具体就是增加了个属性让网页内容是IE浏览器下向右偏,最好偏得夸张点,因此我在css定义文件里找到sidebar li,在里面的属性里增加一条:

*margin-left:50px !important;

就使右侧栏的li内容都向右偏移50px,就成了现在的效果了,当然这只有IE浏览器下才会生效的,不会影响网页在chrome,firefox,opera下的效果。好像css里有很多其它属性在IE里是不兼容的,比如width和padding、margin之类的,据说要写出兼容的代码还挺不容易的,但我竟然故意搞成不兼容的,嘿嘿

之后呢?在公告处写一句话,反正是抄袭的我就不改了。本站一万年以后将会兼容IE,敬请期待。

也许你会说,我没用IE呀,但怎么也会有偏移呢?哈哈,还没看过扫盲教程的,像国内的遨游、世界之窗、TT、360浏览器等等,都是使用IE内核的,因此有偏移很正常了。

最后,你可能想说,这博主也太无聊了吧。那你就说对了,套用现在很流行的话,哥玩的不是网页,而是寂寞。

分类: 默认分类 标签: 恶搞  IE  css  兼容  (647次阅读)

  1. 2009-09-15 at 00:35
    我的IE8好像跟FF效果是一样的
  2. 2009-09-15 at 20:10
    浏览器兼容是个头痛的事情……尤其是ie,无缘无故的出bug
  3. 2009-09-16 at 11:00
    还是用比较好
    符合w3c
  4. 2009-09-16 at 11:02
    <!--[if IE 6]>
    过滤了,不错
  5. 2009-09-19 at 13:27
    偏得很有个性 如果我把我主题的【if ie】去掉 也会偏
  6. 2009-10-09 at 23:49
    支持!!!
  7. 2009-12-24 at 23:28
    IE8好像跟FF效果很不一样 啊~~