【发布时间】:2014-09-30 19:53:57
【问题描述】:
我在看这个网站。英雄图像在调整 css 大小时(我相信)溢出图像并保持居中。链接如下。我试图检查该网站的具体细节,看看我是否能弄清楚。但不能......任何帮助都会很棒。我想重新创建它,但不知道如何。
谢谢 - 这是一个德国网站。 Css 是双语的 :)
【问题讨论】:
-
我看不到任何英雄,你是什么意思?
我在看这个网站。英雄图像在调整 css 大小时(我相信)溢出图像并保持居中。链接如下。我试图检查该网站的具体细节,看看我是否能弄清楚。但不能......任何帮助都会很棒。我想重新创建它,但不知道如何。
谢谢 - 这是一个德国网站。 Css 是双语的 :)
【问题讨论】:
您可以在 CSS 中简单地使用 background-size:cover; 和 background-position:center center; 来执行此操作:
div{
background-image:url(image.png);
background-size:cover;
background-position:center center;
}
More on background-size from MDN
cover:这个关键字指定背景图片应该是 缩放到尽可能小,同时确保其尺寸 大于或等于相应尺寸的 背景定位区域。
More on background-position from MDN
background-position CSS 属性设置初始位置, 相对于背景
【讨论】: