[万年计划]恶搞IE,你也可以
前几天在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(加*) |
好,就按这个做了,具体就是增加了个属性让网页内容是IE浏览器下向右偏,最好偏得夸张点,因此我在css定义文件里找到sidebar li,在里面的属性里增加一条:
| *margin-left:50px !important; |
就使右侧栏的li内容都向右偏移50px,就成了现在的效果了,当然这只有IE浏览器下才会生效的,不会影响网页在chrome,firefox,opera下的效果。好像css里有很多其它属性在IE里是不兼容的,比如width和padding、margin之类的,据说要写出兼容的代码还挺不容易的,但我竟然故意搞成不兼容的,嘿嘿
之后呢?在公告处写一句话,反正是抄袭的我就不改了。本站一万年以后将会兼容IE,敬请期待。
也许你会说,我没用IE呀,但怎么也会有偏移呢?哈哈,还没看过扫盲教程的,像国内的遨游、世界之窗、TT、360浏览器等等,都是使用IE内核的,因此有偏移很正常了。
最后,你可能想说,这博主也太无聊了吧。那你就说对了,套用现在很流行的话,哥玩的不是网页,而是寂寞。
符合w3c
过滤了,不错