用背景图片覆盖整个页眉
用背景图片覆盖整个页眉
提问于 2017-02-24 09:28:17
在我的标题中，我试图让我的背景图像覆盖我的整个标题，但我似乎没有做任何事情来修复它。
.header {
background-image: url("https://iso.500px.com/wp-content/uploads/2015/12/stock-photo-125301449-1500x822.jpg");
background-postion: center center;
background-size: cover;
height: 100%;
width: 100%;
}<div class="header">
<div id="header-text">
<h1>Olivia Cahill</h1>
<h2>A Collection of Her Art</h2>
</div>
</div>
编辑:当我说封面时，我的意思是我想要整个页面的第一个顶部都有图像
Stack Overflow用户
发布于 2017-02-24 09:59:54
虽然它确实有点脱离了宽高比，但看起来这就是你可能要找的：
.header {
background-image: url("https://iso.500px.com/wp-content/uploads/2015/12/stock-photo-125301449-1500x822.jpg");
background-postion: center center;
background-size: 100% 100%;
height: 100%;
width: 100%;
}<div class="header">
<div id="header-text">
<h1>Olivia Cahill</h1>
<h2>A Collection of Her Art</h2>
</div>
</div>
这是CSS3的背景大小表达式。通过两次指定100%，我们实际上是在说我们想要:100%(宽度)x 100%(高度)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42429204
复制相关文章
相似问题
腾讯云开发者
