CSS和图像在调整大小时保持居中

时间:2014-08-07 14:12:21

标签: css image resize

我在看这个网站。英雄形象重新调整大小css(我相信)是溢出图像以及保持居中。链接如下。我试着检查一下网站的章节,看看能不能搞清楚。但不能......任何帮助都会很棒。我想重新创建这个,但不知道如何。

谢谢 - 这是一个德国网站。 Css是双语的:)

Example of picture

1 个答案:

答案 0 :(得分:0)

您只需使用background-size:cover;background-position:center center;在CSS中执行此操作:

div{
  background-image:url(image.png);
  background-size:cover;
  background-position:center center;
}

More on background-size from MDN

  

封面:此关键字指定背景图片应为   缩小到尽可能小,同时确保其尺寸   大于或等于相应的尺寸   背景定位区。

More on background-position from MDN

  

background-position CSS属性设置初始位置,   相对于背景