Jorux Notebook

Just a web designer's blog

IE7(RC)—你的网站做好准备了吗?

Prior to deployment of IE 7, we strongly recommend that you test your Web sites, extensions, and applications to make sure they are ready. Microsoft recommends that Web sites and applications are ready for the release of Internet Explorer 7 this month.

以上是10月12号发表在微软官方日志上的一段话. 也就是说在本月内, 如果你使用是正版Windows XP的话, IE6可能要和你说再见了. 微软将在系统的自动更新中, 用IE7(RC)替换掉IE6. 据小道消息称, 10月18号将是IE7(RC)捆绑在自动更新中开始的日子. 但可以肯定的一点是, 中文版用户暂时享受不到这种待遇, 因为微软官方称IE7(RC1)只提供英文, 日文, 德文, 阿拉伯文, 芬兰文, 法文, 西班牙文版. 所以各位站主和博主在中文IE7最终版发布之前, 可以有足够的时间调试你的网站.

如果你不喜欢IE7

当然你有理由不喜欢这个浏览器, 即使你很喜欢”7“这个数字. 更可恶的是, 它会在安全更新中自动安装. 为阻止这种强盗行为, 你可以在修改注册表中加入此项, HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\Setup\7.0, 在此项下建立键名为DoNotAllowIE70, 键值为1的新键. 你也可以到微软的网站下载屏蔽IE7安装的软件。

如果你是迫不及待的正版Windows用户

很好, 你现在就可以理直气壮的去这里下载IE7(RC1)英文版, 多花了银子, 微软也不会亏待你, 只是目前还没有中文版.

如果你是毫不客气盗版Windows用户

很不妙, 在微软的网站上输入你的破解序列号是无用的, 你甚至达不到下载页面. 你可以从其他网站下载备份, 但安装也是需要密匙的. 当然, 网络上不乏破解方法, 但, 出于对您系统的稳定性和安全考虑, 同时身为盗版用户的一员的我, 发自内心的愧疚, 不在这里提供那些网址. Opera和Firefox是您不错的选择, 并且早日退出Windows系统, 改用Linux减轻心理的负担.

如果你和我一样是个可怜巴巴的网站主

中国有这么一群人, 他们日以继夜的打点自己的网站, 仔细观察站点统计页面的数字变化, 关注几乎不再前进的Alexa50万开外的排名, 盯着加入各种联盟后永远不能结账的帐户. 我曾是如此可怜.

现如今, 就为了那50个订阅本站Feed的读者, 不惜花上一两个星期去参阅N多文章, 构思和推敲自己的每篇Post, 不禁感到自己的”伟大”. 不管你是属于前者还是后者, 我是一样同情的, 所以提供一个获得免安装的IE7的办法, 避免在不久的将来你的网站被IE7冲得七零八落:

1. 到Softpedia搜索Internet Explorer 7.0 RC1,然后把它下载下来; 你也可以试试这个直接下载地址(14.59M);

2. 然后在这里下载Cracker(147Kb). 当然你也可以试着在这里把IE7+Cracker一起下载;

3. 把下载下来的IE7RC1-WindowsXP-x86-enu.exe文件用WinRAR解压缩, 然后把下载下来的名为IE7s.exe的Cracker复制到被解压的IE7文件夹;

4. 然后打开IE文件夹中的update文件夹, 双击xmllitesetup.exe安装微软的KB915865号更新(用于实现浏览器Tab);

5. 安装完更新后, 双击IE7s.exe就能单独启动IE7了.

: 此方法只适用于调试网站的站主, 其功能与安装版比存在很多缺陷, 比如不能添加Feed, Bookmarks等.

好了, 现在进入本文的中心, IE7的CSS兼容性:

毫无疑问的是微软发布IE7不仅仅是出了安全方面的考量, IE6错综复杂的BUG是各位网站主的梦魇, 也是微软的心头之痛, IE7在css的支持方面绝对是比IE6有了长足的进步, 但和Firefox相比, 还是有一段距离. 微软到底是向W3C屈服了.

所以, 如果你的网站CSS满足以下条件, 可以说IE7会把你的网站渲染得很好:

1. 你的网站在IE6下表现正常;

2. 你的的网站在Firefox下表现完美;

3. 你的CSS代码中不含有诸如>body之类的针对IE6的Hack.

IE7在CSS兼容性方面的变化:

1. IE7与IE6相比, 有多达200多处改进, 但它们都是在Strict Mode下实现的, 即在页首声明DocType为XHTML Transitional, XHTML Strict等. 而在Quirks Mode下, IE7和IE6别无二致;

2. IE终于支持Alpha通道的PNG图片了. 这些Alpha通道图片, 如透明PNG24图片在IE6下是不能正常显示的. 本站为了实现在IE6下的图片透明使用了一个PHP破解方法(暂保密).

3. 盒子模型改变了; 这点在微软的Blog中有详细说明, 摘录如下:

在Html文件中写入:

<div>
<blockquote>
<p>some text long enough to make it interesting.</p>
<cite>- anonymous</cite>
</blockquote>
</div>

在css文件中写入:

div { width : 100px; height: 100px; border: thin solid red;}
blockquote { width: 125px; height: 100px;
margin-top: 50px; margin-left: 50px;
border: thin dashed black}
cite { display: block;
text-align: right;
border: none}
p { margin: 0;}

在IE6下表现如下:

IE6

而在IE7下表现如下:

IE7

简单的说, 盒子对于”overflow”使用了”visible”默认值, 所以对于子元素尺寸大于父元素尺寸时, IE7会和Firefox一样将子元素露出于父元素之外显示, 而不是像IE6那样把父元素撑大了包含子元素.

4. 有哪些IE5/6中的BUG在IE7中被修正:

* Line-height bug

更加详细的列表见于微软的官方Blog.

你的网页乱了怎么办?

归根结底, 我们是要解决问题的, 你大可不必等到IE7最终版的发布了, 因为微软已经声明与IE7(RC)兼容的网页在IE7最终版中也是表现正常的.

1. 如果你使用了一些CSS Hack, 很可能问题出在它们, 重写它们吧.

2. 如果你实在是不知道如何让你的网页在IE和Firefox中表现一致, 那么你可尝试在<head></head>中加入如下代码:

<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”iestyles.css” />
<![endif]–>

然后为IE单独写一个CSS文件iestyles.css

3. 调试再调试; 解决不了的问题, 把它们发给你的朋友, 或是在Google里搜索一下.

可以预见的未来

1. 你需要照顾的浏览器将是IE6, IE7, Firefox, Opera, Safari;

2. 在未来很长一段时间里, IE6将和IE7平分秋色, 甚至是独霸一方, 尤其是在盗版严重, (可能)无法正常更新的中国地区.

3. 长期购买盗版软件的国内人士, 将为自己的行为长期埋单. 而我将加快摆脱盗版软件的束缚, 比如已经彻底弃用IE(除了调试网页时), 用Firefox及其插件实现数十种以前只有收费软件才能达成的功能. 最终弃用Windows.

Important References

[END]

16 Responses So Far

  1. 红鼻子 Says:
    Gravatar

    “现如今, 就为了那50个订阅本站Feed的读者, 不惜花上一两个星期去参阅N多文章, 构思和推敲自己的每篇Post, 不禁感到自己的”伟大”. “——辛苦辛苦啊,我是好久没有这么专注的做事了。值得学习
    7我看就顺其自然好了。

  2. chun Says:
    Gravatar

    re

  3. Zid Says:
    Gravatar

    在阅读器中看你更新了,还以是CSS教程呢,等不及了

  4. Jorux/Bluecssr Says:
    Gravatar

    To 红鼻子:
    有时确实觉得对自己要求太多, 有点累. 也许更新速度应该再慢点, 一个月两篇比较合适, 如果是那样的话, 可能会更累. :)
    “专注”与”不作为”我择其一.

  5. 红鼻子 Says:
    Gravatar

    一个月两篇比较合适,期间在穿插点转载的东西,转载只是保证时常有些更新,原创则是保证有精品,总之就是最好每周有点新东西,这样应该更好。哈哈,是不是要求比较苛刻

  6. gaoshier Says:
    Gravatar

    好文,值得支持。

    现在opera是主用,IE7其次,FF偶尔用下,不过感觉现在打开网页的速度快多了!

  7. Jorux/Bluecssr Says:
    Gravatar

    To 红鼻子:
    谢谢红鼻子的建议. 不过我是最烦转载的. 已经有N多网站不经过我的同意就转载这的文章了. 每周确实应该更新一篇, 只是内容可以随性一点吧.

    To gaoshier:
    网页打开速度加快可能与网络有关, dreamweaver的空间跟网通比较畅通, 而与电信铁通不和. 以下是各个浏览器与css2.1的兼容性排名:
    Opera 9: 96%
    Firefox 1.5: 93%
    IE 7: 54%
    IE 6: 52%
    Opera是最符合标准的!

  8. 红鼻子 Says:
    Gravatar

    其实转载没有什么,你也不必如此生气。但是转载最起码要打个招呼,这是个尊重他人劳动成果的问题。算了,反正都是这样,你抄我的我抄你的,到最后也不知道谁是原创了,到最后也没有自己的东西,都是没有思想的东西。
    呵呵,想想我这样也没有什么别人值得抄袭的,在这里大发牢骚也是比较可悲的。

  9. Jorux/Bluecssr Says:
    Gravatar

    To 红鼻子:
    转载的最底线就是声明原作者, 并且加上反向链接。
    红鼻子努力努力也会有自己的原创,并且值得copy的东西的。

    To Zid:
    非常抱歉, 现在回复你。这是因为你的留言被wordpress的filter过滤了。教程已经出了过一半了, 以后每一步都非常难构思, 为了保证质量, 还是等等吧!

  10. POO Says:
    Gravatar

    seen
    欢迎回访我的个人BLOG,
    阅读了你的这篇文章,
    My blog:
    http://ruyi2288.googlepages.com/tingjing.htm

  11. Leon Says:
    Gravatar

    看到你的文章,感觉尤感兴趣.

    我本来想找FIREFOX 与IE7等浏览工具性能比较测试的文章,

    结果寻找这里.

    微软官方发布的IE7-WindowsXP-x86-enu.exe是否可以使用文章中的方法进行安装?

    文中所介绍的IE7RC1-WindowsXP-x86-enu.exe 地址:

    http://download.softpedia.com/software/internet/browser/IE7RC1-WindowsXP-x86-enu.exe (里面大多数文件压缩时间2006年8月)

    微软官方IE7-WindowsXP-x86-enu.exe 地址:

    http://switch.atdmt.com/action/IE_7_Windows_XP_SP2_B 或者
    http://go.microsoft.com/fwlink/?LinkId=74211 (里面大多数文件压缩时间2006年10月17日)

    有什么不同之处.

  12. Jorux/Bluecssr Says:
    Gravatar

    应该是可以的,leon可以一试,反正是免安装的方法。
    微软官方的版本已经升级到正式版,在文中我说过10月18是其发行日期,微软在17号做了最后修改,在十八号直接发布了正式版。
    Softpedia是RC1版,所以压缩时间早在8月。
    最好用Softpedia的版本,这个hack是针对RC1的。

  13. ant Says:
    Gravatar

    在opera浏览器中,如何设置,才能显示网页中的flash动画(opera浏览器版本:9.0)?
    谢谢

  14. Jorux/Bluecssr Says:
    Gravatar

    1. 首先你得确定你的opera插件里有Flash player;
    2. 其次注意在<embed width=”#” height=”#” src=”#” type=”application/x-shockwave-flash”/>里的src填对你的Flash地址。

  15. ant Says:
    Gravatar

    哦,现在好了,昨天就是缺少flash player

  16. 午夜客-Wyk.Net.Ru Says:
    Gravatar

    期待那个东东能一统天下就好了。搞的大家都麻烦!

Leave a Reply

Anti-Spam Image

Designed by Jorux. Proudly powered by WordPress 2.0.    Except where otherwise noted, this site is licensed under a Creative Commons License.