Question

在我建造的简单网站上专门询问了背景图片。

有问题的背景图片在我的笔记本电脑上表现得像它应该（或者至少我想要它）。它贴在屏幕的右下角。

在移动设备上（到目前为止在iPhone上测试过），图像也会粘在右下角，但是如果有更多内容，那么适合屏幕的背景图像会被推到页面底部（而不仅仅是屏幕的底部）。

Haven已经能够在档案中找到解决方案，所以我希望有人能够提供帮助。

谢谢，彼得

Answer 1

我只在browserstack中进行了测试，但添加此项修复了Chrome for Android中的问题：

<div ng-repeat="contact in contacts | filter:filters">...</div>

编辑：我误解了这个问题。我可以考虑解决此问题的最佳方法是将背景应用于具有屏幕尺寸并设置了body, html { height: 100%; }的元素。背景的工作方式，你将始终将图像推到底部。不要忘记正确设置position: fixed（例如-1）以使其粘在页面背面。

所以，在你的HTML中：

z-index

然后在你的CSS中

<body>
    <div id="heartbackground"></div>
    <!-- the rest of your HTML... after this -->
</body>