html - 修复背景问题

Question

我正在创建一个应用程序，我希望它有一个修复背景图像。我正在使用 html5、css3 和 javascript。我像往常一样制作了我的 css 来修复我的背景图像，就像这样：

 body{ background:#1F1F1F url(../assets/bg.png) fixed;}

好的，即使在 IE8 中并且背景图像已修复，浏览器中的所有内容都可以正常工作。但是当涉及到我的移动设备的默认浏览器时，图像不再固定了！

任何帮助，将不胜感激。

Answer 1

您是否在网络视图中尝试过，或者您只是在浏览器中打开它。我想如果你制作一个应用程序，它将被打包在一个 webview 中。您应该先尝试一下，看看它的行为如何。

Answer 2

如何指定固定的背景图像：

body
 { 
 background-color: #1F1F1F;
 background-image:url('../assets/bg.png');
 background-repeat:no-repeat;
 background-attachment:fixed;
 } 

background-attachment 属性设置背景图像是固定的还是与页面的其余部分一起滚动。所有主流浏览器都支持 background-attachment 属性。

注意：IE7 及更早版本不支持值“inherit”。IE8 需要一个!DOCTYPE。IE9 支持“继承”。