如何正确定位图像，html css

Question

我正在创建一个带有完整图像背景的网站，并且我想要放置在顶部的一些图像，但是如果我对齐图像以使它们看起来不错我的屏幕较小或更大的任何人立即图像看起来像他们只是ploop'd ontop。

继承人我的例子 - http://www.xronn.co.uk/avatar

你知道的方法，我可以用这样的图像将在后台的部分是站在所有页面，或至少使他们看起来体面。

感谢

Answer 1

为了你可以使用一个叫做绝对positionning一个positionning方法的特定位置显示一个HTML元素。这通过将position CSS属性设置为absolute来完成。在像你这样的情况下，最好是使用margin和float属性来破解natura html流程，这并不意味着达到这种目的。

这使您可以使用绝对的top，left，right和bottom。这四个属性指定元素边缘与其参考边缘之间的距离。该参考是最接近的祖先，其位置是relative或absolute。

您可以指定PX这些属性的值，EM％，等等

当然，你也不会指定left，width和right由于显而易见的原因，同样超过2个属性对于top,height和bottom。

对于您的情况，指定bottom属性和left或right百分比可能很好。