0

我正在尝试使用 HTML5 Boilerplate 模板在我的机器上创建一个本地 HTML/CSS/JS 项目。我正在使用 CSS3 属性,如边框半径,它在 IE 9 上看起来不错。但在使用 F12 开发工具在 IE7 和 IE8 中测试时,该属性没有效果。

我正在检查http://htmlemailboilerplate.com/在 IE7/8 模式下的行为。该网站似乎运行良好,并支持 IE7/8 模式下的border-radius 属性。然后我继续下载http://htmlemailboilerplate.com/作为本地机器的完整网页。在 IE7/8 模式下打开的本地副本不支持 CSS3 的border-radius 属性。(http://htmlemailboilerplate.com/网站在nav_elope.png后面使用了border-radius属性来圆角)

关于在本地网页上运行 HTML5 样板与在服务器上托管的网站的区别,我有什么不明白的地方吗?

如何使下载的页面的行为与网站在 IE7/8 模式下的行为完全相同?

4

2 回答 2

1

您似乎已将 Google Chrome Frame (GCF) 作为 IE 插件安装。http://htmlemailboilerplate.com/站点使用GCF 在 IE 浏览器中显示 HTML5 和 CSS3。它具有以下 META 标签:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

"chrome=1" 表示如果 GCF 可用,则始终使用它。

除非您编辑注册表,否则 GCF 无法在本地工作。您需要转到:
HKCU\Software\Google\ChromeFrame
并添加
AllowUnsafeURLs=1 (DWORD).

您可以像这样访问您保存的页面:gcf:c:/path_to_file/HTML5_Tests/HTML EMAIL BOILERPLATE v 0.5 updated 11_5.htm

您可能会发现此页面很有帮助:Chrome Frame:开发人员指南

测试您的网站部分包含我在上面详述的信息。

于 2012-06-26T03:52:03.593 回答
0

IE < 9 不支持边框半径。见http://caniuse.com/#search=border-radius

更新:见http://css3pie.com/。我不知道这是否有效。

于 2012-06-13T13:21:15.130 回答