CSS 图像定位

Question

假设我有一张宽度为 2000 像素的图片。我图像的时髦设计部分从大约 600px 开始，大约 900px 宽。我想做的是使用这张图片作为网站的背景，并将时髦的设计居中，当你拉伸(stretch)浏览器窗口时，显示整个图片仍然保持时髦的设计居中。我怎样才能做到这一点？此外，将时髦的部分放在背景之上它自己的图层中也不是一种选择。

谢谢

Answer 1

您可以使用 CSS background-position 属性将背景图像居中:

background-position: top center;