CSS 图片 position/focus

Question

我正在建立一个网站，我想把图片放在背景中，但我不能把它放在我想要的位置。

我希望网页上的图像 'focus' 距离图像中心几像素。宽度我都能看出来，但是高度没有。

图片分辨率为“5760x3840px”。

所以，我有这段 css 图像设置代码。

.topwidget{
  max-width: 100%;
  height: auto;
  background-image: url(../images/welcome_banner_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom 1000px;
  margin-bottom: 20px;
  padding: 50px 0;
}

Answer 1

Try this
.topwidget{
  max-width: 100%;
  height: auto;
  background-image: url(../images/welcome_banner_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  **background-position: center 10px;**
  margin-bottom: 20px;
  padding: 50px 0;
}

CSS 图片 position/focus

CSS Image position/focus

css

image

css-position

background-position