如何将图像粘贴到可见屏幕的底部并居中？

Question

我有一个网站,我需要在可见页面的底部有一个图像.因此,在任何屏幕尺寸中,图像仍然位于底部,并居中.

Answer 1

使用纯CSS可以在所有新浏览器中实现这一点

.fix{
    position:fixed;
    bottom:0px;
    left:50%;
}
<img src="yourimagepath" class="fix"/>

对于IE6,您可以使用position:absolute;而不是固定.这会将图像定位在页面底部,但是当您向上滚动时,图像将随页面一起滚动.不幸的是position:fixedIE6不支持.