如何使背景尺寸:封面工作在IE10，而不使附件固定？
如何使背景尺寸:封面工作在IE10，而不使附件固定？
提问于 2013-07-26 13:56:46
我的代码：
html
{
background-image:url('img.png');
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
}这在Firefox和Chrome上都能很好的工作，但是在IE上，图像一点也不拉长。如果我将背景附件设置为“固定”，它就会起作用，但这不是我想要的。
我看过的每一个网站都声称，这些优点在IE中是完美的实现，但它们显然不是。
回答 1
Stack Overflow用户
发布于 2013-10-06 00:59:20
CSS背景尺寸封面的故障排除
如果不看到额外的代码或网站，就很难排除故障，但以下是一些您可以尝试的方法。
- 尝试添加背景附件:滚动；而不是将其保留为空白。
- 你的文档类型是正确的，还是它有排字？
- HTML标记上是否有其他脚本或样式可能干扰/覆盖背景样式？
- 点击F12打开开发者工具，然后点击HTML来查看列出了哪些样式。在off上切换CSS样式可以帮助您解决问题。如果您使用IE开发工具，请检查“文档模式”和/或“浏览器模式”是否设置为旧浏览器。(IE6、IE7和IE8不识别背景大小:IE8，并将在其原始大小- 我能用一下吗支持表中显示背景。)
- 您的背景是否只填充浏览器窗口，而不是展开以覆盖文档页/可滚动区域？尝试添加高度:100%，宽度:100%，边距:0，填充:0到您的HTML和正文标签。(默认的HTML和BODY标记有不同的样式。HTML大小由浏览器窗口控制，而主体将围绕内容进行包装，无论内容是否小于浏览器窗口，或扩展到内容窗口之后。)还可以尝试将背景切换到主体，或包装标签。
- 要帮助解决疑难问题，只使用HTML、BODY和wrapper标记(如果使用包装器)创建一个基本测试页面，并查看是否可以获得正确的后台功能。这能帮你缩小窃听器。您的包装可能也需要一个高度和宽度。根据您的线框(DIV或CSS表，HTML表)，它可能需要:最小高度:100%和最小宽度:100%，或高度:100%和宽度:100%。
我用您提供的css创建了一个简单的html页面，不包含背景附件，并使用<!DOCTYPE html>作为doctype。背景运行良好，完全覆盖了Windows /IE9、Windows 7/IE10和Windows 8/IE11中的屏幕。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17883280
复制相关文章
相似问题
腾讯云开发者
