CSS图像位置/焦点

时间:2017-01-05 11:51:10

标签: css image css-position background-position

我正在建立一个网站,我想把它放在背景中,我不能把它放到我想要的位置。

我希望网页上的图像“焦点”距离图像中心几个px。宽度我可以看到所有,但高度没有。

图像分辨率为'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;
}

1 个答案:

答案 0 :(得分:0)

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;
}