Css 如何在不固定附件的情况下制作背景尺寸：IE10中的封面工作？

我的代码：

html
{
background-image:url('img.png');
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
}

这在Firefox和Chrome上非常有效，但在IE上，图像一点也没有拉伸。如果我将背景附件设置为“固定”，它将工作，但这不是我想要的

我看过的每个网站都声称这些属性在IE中得到了完美的实现，但它们显然不是。

CSS背景尺寸封面疑难解答 在没有看到其他代码或网站的情况下进行故障排除有点困难，但以下是一些您可以尝试的方法

尝试添加背景附件：滚动；而不是留下空白

您的doctype是正确的，还是有拼写错误

HTML标记上是否有其他脚本或样式可能干扰/覆盖背景样式

点击F12打开开发者工具，点击HTML标签查看列出的样式。为站点上的关键元素打开或关闭CSS样式可以帮助您解决问题。 如果您使用的是IE开发者工具，请检查“文档模式”和/或“浏览器模式”是否设置为旧浏览器。（IE6、IE7和IE8不识别背景尺寸：封面，并将在其原始尺寸-支持表中显示背景。）

您的背景是否仅填充浏览器窗口，而不扩展以覆盖文档页面/可滚动区域？尝试将高度：100%、宽度：100%、边距：0和填充：0添加到HTML和正文标记中。（默认的HTML和正文标记具有不同的样式。HTML大小由浏览器窗口控制，而正文将环绕内容，无论内容是小于浏览器窗口还是扩展超过浏览器窗口。）还可以尝试将背景切换到正文或包装器标记

为了帮助进行故障排除，只使用HTML、BODY和wrapper标记创建一个基本测试页面（如果使用wrapper），并查看是否可以使后台正常工作。这将帮助您缩小错误范围。您的包装可能还需要一个高度和宽度。根据您的线框（DIV或CSS表、HTML表），它可能需要：最小高度：100%和最小宽度：100%，或高度：100%和宽度：100%

我用您提供的css创建了一个简单的html页面，没有包含背景附件，并使用

作为doctype。在Windows Vista/IE9、Windows 7/IE10和Windows 8/IE11中，背景工作正常，完全覆盖了屏幕

旁注：《CSS背景尺寸封面疑难解答》 在没有看到其他代码或网站的情况下进行故障排除有点困难，但以下是一些您可以尝试的方法

尝试添加背景附件：滚动；而不是留下空白

您的doctype是正确的，还是有拼写错误

HTML标记上是否有其他脚本或样式可能干扰/覆盖背景样式

点击F12打开开发者工具，点击HTML标签查看列出的样式。为站点上的关键元素打开或关闭CSS样式可以帮助您解决问题。 如果您使用的是IE开发者工具，请检查“文档模式”和/或“浏览器模式”是否设置为旧浏览器。（IE6、IE7和IE8不识别背景尺寸：封面，并将在其原始尺寸-支持表中显示背景。）

您的背景是否仅填充浏览器窗口，而不扩展以覆盖文档页面/可滚动区域？尝试将高度：100%、宽度：100%、边距：0和填充：0添加到HTML和正文标记中。（默认的HTML和正文标记具有不同的样式。HTML大小由浏览器窗口控制，而正文将环绕内容，无论内容是小于浏览器窗口还是扩展超过浏览器窗口。）还可以尝试将背景切换到正文或包装器标记

为了帮助进行故障排除，只使用HTML、BODY和wrapper标记创建一个基本测试页面（如果使用wrapper），并查看是否可以使后台正常工作。这将帮助您缩小错误范围。您的包装可能还需要一个高度和宽度。根据您的线框（DIV或CSS表、HTML表），它可能需要：最小高度：100%和最小宽度：100%，或高度：100%和宽度：100%

我用您提供的css创建了一个简单的html页面，没有包含背景附件，并使用

作为doctype。在Windows Vista/IE9、Windows 7/IE10和Windows 8/IE11中，背景工作正常，完全覆盖了屏幕

旁注：