IE7的web标准之道——5:(修正)上去了!终于上去了!


IE7的web标准之道

IE历来被web标准的拥护者所诟病,而当FireFox横空出世以后,更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升,微软终于推出了IE7。但IE7是否真的能够力挽狂澜,是否真的能够得到用户的信任,是否真的能够得到网页设计者的认可呢?

且看《IE7的web标准之道》系列文章,和你一起见证IE7的改变!

select对div说:“小样!就踩着你!”

这个IE6一个很著名且诡异的bug,很简单,也很容易重现,说白了就是:列表框(select)一直把div踩在脚底下。因为这个bug,不知道多少浮动菜单被破坏。下面就模拟了这种情景,你可以运行代码来查看示例页面——

提示:可以先在文本框内,根据需要修改代码后再运行

这个是示例页面分别在IE6、IE7、FireFox2、Opera(ver9.25)、Safari(windows3.04版)下的渲染效果图——

web标准设计
多种浏览器渲染效果图

但是当鼠标移到菜单上,出现下拉菜单的时候,IE6的这个诡异bug就出现了——

web标准设计
注意观察IE6中的列表框(图片经过后期拼接)
div对iframe说:“大哥,select老是欺负我!”

这个bug,我在《一个常被问道的问题:如何让层盖住下拉列表框? 问题解决方案》中介绍过。并且给出了供参考的解决方法。就是利用iframe来压select,然后div放在iframe中。但是这就如同请董卓进京来消灭宦官一样,代价太大了些。但是在IE6这样的乱世,也是一种没有办法的办法呀!有兴趣的朋友可以去阅读那篇文章。

IE7说:“社会解放了!div可以翻身做主人了”

现如今IE7已经修正了这个bug,如果你网页浏览者多数已经在使用IE7,并且你不在乎那些IE6显示缺陷的话,完全可以不用再修正这个bug。毕竟,为了这么一个视觉上的bug,引入一个iframe,是有点浪费了……

至此,到了IE7时代,div终于可以老泪纵横地说道:“上去了!终于上去了!不再受到select的压迫,不用借助董卓iframe,凭着div我自己,凭着IE7大环境,我终于上去了!为了表达我激动的心情,我要把这幅对联献给IE7浏览器和千千万万的div同胞——”
上联:昔日恶狼列表框横行霸道
下联:如今web标准化主持公正
横批:IE7好

呵呵~这股骚劲可能是博客园新春对联大赛后遗症 囧rz~

相关文章列表
<script type="text/javascript" language="javascript" src="http://files.cnblogs.com/JustinYoung/runcode.js"></script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值