去除IE9中边缘的2像素灰色边框

3

我正在编写一个网站(强调“正在尝试”),并尝试找出如何移除这个阴影的2px灰色边框,它跨越IE9窗口内部(至少是顶部、左侧和底部)。我的边距设置为零,所以所有页面元素都到达页面的最边缘,但在IE9中,它们停留在这个灰色边框上。我在HTML中没有包含任何代码来在浏览器边缘周围绘制2px的灰色边框。

我不知道为什么只有我的网页会在IE9中发生这种情况(其他网页似乎没有),但它破坏了格式,并且我真的需要找出如何将其移除。

谢谢!


你能发布一张IE9中发生的情况和真实浏览器中发生的情况的图片吗?同时,提供一些代码会更有帮助 :) - Charlie
请查看这里... Wiscuss.com 它会出现在每个页面上,但您也可以在“即将推出”的主页上看到它。谢谢! - JamesonW
你能发一下IE9的截图吗?我没有这个浏览器。 - Charlie
请在此处查看翻译后的文本:http://i1102.photobucket.com/albums/g451/jollyjamo/borderie9.png。谢谢! - JamesonW
你尝试在你的CSS中将*设置为border:0了吗? - Charlie
2个回答

3
您没有指定文档类型,这在第一行的注释中已经明确表明:
<!-- Do NOT put any DOCTYPE here unless you want problems in IEs. -->

因此,IE9进入“怪异模式”。添加适当的文档类型应该会返回到标准模式并删除烦人的灰色边框。您可以通过打开开发人员工具(F12)并将文档模式从Quirks Mode更改为IE9标准来测试此问题。
HTML5文档类型示例:
<!DOCTYPE html>

2

Charlie在评论中问道:“你是否尝试在CSS中将 * 的边框设置为0?”这实际上提供了一个替代答案。更具体地说,以下代码可以去掉边框:

html { border: 0; }

我在另一篇帖子中引用您的话:“边框在技术上似乎是围绕 HTML 元素的默认边框,尽管在 IE 9 检查器模式下(F12),该元素的边框显示为 0px,但实际上它确实存在。” - Julien Kronegg

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接