背景图像未定位在不同设备上

时间:2014-02-28 16:10:42

标签: css mobile background-image background-position

我在右下方建立了一个带有小背景图片的网站。

在桌面上,当我滚动页面时,背景图像保持在底部。

在Android设备上,当我滚动页面时,背景图像会向上滚动。当我在页面中间进行刷新时,背景图像会重新出现在当前视图的右下角。

在iPad上,背景图像仅显示在页面的最底部。

对于每种平板电脑/手机尺寸,我都定义了一个单独的背景图像,因此这不是问题所在。

请参阅:http://www.zaanstuc.nl/onze-producten

css:

background:#CFCFCF url('../images/pascal1.jpg') no-repeat 100% 100%;
background-attachment: fixed;

如何在所有设备的右下角固定图像:桌面设备,平板电脑和手机?

1 个答案:

答案 0 :(得分:0)

首先:你的问题很模糊。

其次,我认为你误解了fixed。如果您将某些内容设置为固定,则必须使用滚动运动。因此,如果向下滚动,背景也必须向下滚动。在桌面上,这种情况正在发生,但由于您的设备较小,因此您的移动设备上没有相同的用户体验。然而,在技术方面,它是一样的。

如果您想将图像放在右侧,可以使用:

您可以使用background-position: right bottom;

PS:我注意到您的CSS中有10个body#page2个元素。它们不是必需的,可以删除。