IE7与web标准设计(3)

媛媛1哎呦

媛媛1哎呦

2016-02-19 23:39

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的IE7与web标准设计(3)教程,一起来看看吧!超容易上手~

上文:IE7与web标准设计(2)

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

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

前言

现在,最令网页设计者头痛的问题就是网页在各个浏览器中的兼容性。而兼容性差最长见的,也是最令人恐惧的便是页面布局混乱。常常一个页面在IE6下显示的非常完美,而到了IE7(或者FireFox)中,则惨的不堪入目。到底是什么让这些页面那么的水土不服呢?

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

其实,这些都是IE6酿下的恶果,IE6对web标准的支持过于不足,甚至理解的有偏差,才导致了这些页面的脆弱。而IE7则修正了很多的那种IE6对css解释和渲染的bug。这种bug有很多。今天,这里只讲其中一个,但是确是最重要的一个,很多的十分混乱的页面都是它造成的。可以不客气地说,它简直就像页面布局混乱黑帮的幕后黑手,是引起页面布局混乱的祸首之一,而且是最大的一个。 它就是潜伏在网页背后的‘overflow:visible’IE6渲染bug。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

不堪入目的网页截图

如果只是简单的说‘overflow:visible’IE6渲染bug,你可能完全没有印象。但是看看下面的这些不堪入目的网页截图,便能引起你心中那无限的伤感

图:这是在IE6中显示的效果截图,十分完美

这是在IE7中显示的不堪入目的效果截图

上面的两张截图,是我2007年在高达软件公司的真实项目截图。可以看出,在IE7下的显示已经严重变形,虽然不影响软件的功能使用,但是已经严重的影响了用户的使用体验(没有人喜欢拖动横向滚动条)。

展开更多 50%)
分享

猜你喜欢

IE7与web标准设计(3)

Web开发
IE7与web标准设计(3)

IE7与web标准设计(2)

Web开发
IE7与web标准设计(2)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

IE7与web标准设计(1)

Web开发
IE7与web标准设计(1)

web标准:比较IE6与IE7放纵的孩子与严厉的父亲

Web开发
web标准:比较IE6与IE7放纵的孩子与严厉的父亲

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS网页设计:IE8和IE7共存

Web开发
CSS网页设计:IE8和IE7共存

让IE8兼容IE7

Web开发
让IE8兼容IE7

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS实例教程:网页区块中标题右侧更多

CSS实例教程:网页区块中标题右侧更多

CSS网页布局学习之Font-size的妙用

CSS网页布局学习之Font-size的妙用
下拉加载更多内容 ↓