Bootstrap 3 破坏了移动整页背景

Question

我在管理的网站上将 Bootstrap 3 用于我的界面页面。我使用此 CSS 设置了整页背景图像：

background-image:url('/path/to/image.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;

效果很好...在桌面上。在移动设备上，图像被调整到非常小的分辨率，然后被推到引导 3 面板上方。

这是一张图片。在桌面上，图片覆盖了整页。
这是一个jsfiddle。

问题是，如果我删除引导代码，它会很好用;例如，在另一个不使用引导程序的页面上，使用相同的 CSS。图像在桌面和移动设备上都能很好地缩放。

可能是什么问题？

谢谢

Answer 1

我

不确定，但也许取决于您在手机上使用的浏览器？

尝试添加：

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

我可能是错的，但值得一试。

希望对您有所帮助。

Answer 2

最后我用了; <img src="/resources/ui_bg.jpg" style="width:100%;height:100%;position:absolute;top:0;left:0‌​;z-index:-5000;" alt="">

谢谢大家！