1

我刚刚完成了我的投资组合网站，这是我第一次尝试使用 html5，它在 Chrome 中看起来很棒。但是当我在 IE 和 FF 中测试它时，除了 IE9 之外，还有一些主要的差异都出现在标题中。我认为这是因为标题具有固定的位置。我这样做是因为菜单。我创建了一个寻呼机，如果我没有将位置设置为固定，当您单击菜单项时菜单就会消失。

第二个错误是使用 IE 时，所有图像都有蓝色边框，Chrome 上不会出现。

第三个错误是标题中的字体也与 IE 不同。我使用了@font-face 字体。

我的 HTML 和 CSs 代码在 W3C 上验证。

您可以在www.nathaliedehertogh.be找到该网站

有人可以帮我解决这个问题。

4

5 回答 5

1

您需要在标题中清除以允许内容按照需要流动。

IE 的蓝色边框只需要一个 CSS 设置：

img {
  border: 0;
}

至于字体，有些字体在 IE 中无法正确读取。我得到的错误是：

@font-face 未能通过 OpenType 嵌入权限检查。权限必须是可安装的。

于 2012-10-05T19:45:13.937 回答
1

您没有在您的 div 'kopregel' 中定义高度。这会导致问题，因为您在其中定义了高度的元素。

注意：我看到它在 FF 中都被破坏了，东西正在向右移动。

于 2012-10-05T19:46:13.720 回答
1

您需要做的就是将 clear:both 添加到#menu，并将border:0 添加到 img。

在某些浏览器中，蓝色轮廓是默认的，以显示图像是链接。

于 2012-10-05T19:46:50.363 回答
0

您的标头的问题是您需要clearcss 中的功能。

这是新的和编辑的代码。

#content, hr {
    clear: left;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

固定位置没有问题，这只是一个常见问题，希望这有助于让我知道！

于 2012-10-05T19:44:23.080 回答
-1

Chrome 与 IE 的另一个主要区别，请查看 http://technofizzle.blogspot.in/2013/04/chrome-and-ie-display-image-completely.html

于 2013-04-17T05:27:10.070 回答