如何在浏览器调整大小或在小屏幕上查看时,使图像保持在底部但不会随css上升。
这是我现在拥有的: http://graves-incorporated.com/test_sites/solera2012/test/home-pg.html
它在我的屏幕上看起来很好(它与主区域的底部重叠约150px,这是我想要的),但是如果我收缩屏幕,底部图案会升得太高。
现在我把它作为BG图像放置:
background-image: url(images/footer_pattern.png);
background-repeat: repeat-x;
background-position: bottom;
background-attachment: fixed;
我希望这是有道理的。请帮忙!
答案 0 :(得分:0)
由于您网站的内容似乎处于固定位置,因此您可以尝试使用background-position: 0px 300px;
代替。这样可以将图像保持在固定位置,而不是锁定在底部。