html - 如何正确定位图像，html css

Question

我正在创建一个具有完整图像背景的网站，并且我有许多图像要放在顶部，但是如果我对齐图像以使它们在我的分辨率上看起来不错，那么任何屏幕较小或较大的图像都会立即显示看起来他们只是 ploop'd ontop。

这是我的例子 - http://www.xronn.co.uk/avatar

您是否知道我可以使用的方法，以便图像将站在所有屏幕的部分背景上，或者至少使它们看起来不错。

谢谢

Answer 1

要在特定位置显示 HTML 元素，您可以使用称为绝对定位的定位方法。这是通过将positionCSS 属性设置为absolute. 在像您这样的情况下，最好不要使用margin和float属性来破解 natura html 流，这并不是为了达到这种目的。

这使您可以使用top、left和绝对值。这四个属性指定元素的边缘与其参考的同一边缘之间的距离。参考是最近的祖先，位置是或。rightbottomrelativeabsolute

您可以在 px、em、% 等中指定这些属性的值...

当然，您不会指定超过 2 个属性left，width并且right出于显而易见的原因，对于top,height和 也是如此bottom。

在您的情况下，最好指定bottom属性和left或right使用百分比。