我在右下方建立了一个带有小背景图片的网站。
在桌面上,当我滚动页面时,背景图像保持在底部。
在Android设备上,当我滚动页面时,背景图像会向上滚动。当我在页面中间进行刷新时,背景图像会重新出现在当前视图的右下角。
在iPad上,背景图像仅显示在页面的最底部。
对于每种平板电脑/手机尺寸,我都定义了一个单独的背景图像,因此这不是问题所在。
请参阅:http://www.zaanstuc.nl/onze-producten
css:
background:#CFCFCF url('../images/pascal1.jpg') no-repeat 100% 100%;
background-attachment: fixed;
如何在所有设备的右下角固定图像:桌面设备,平板电脑和手机?
答案 0 :(得分:0)
首先:你的问题很模糊。
其次,我认为你误解了fixed
。如果您将某些内容设置为固定,则必须使用滚动运动。因此,如果向下滚动,背景也必须向下滚动。在桌面上,这种情况正在发生,但由于您的设备较小,因此您的移动设备上没有相同的用户体验。然而,在技术方面,它是一样的。
如果您想将图像放在右侧,可以使用:
您可以使用background-position: right bottom;
PS:我注意到您的CSS中有10个body
和#page2
个元素。它们不是必需的,可以删除。