- 2017/09/08
- |
- 技术随笔
- |
- 0 Replies
<div class="fill"></div>
.fill {
overflow: hidden;
background-size: cover;
background-position: center;
background-image: url('path/to/image.jpg');
}
- 2017/09/05
- |
- 技术随笔
- |
- 0 Replies
今天写一个页面时，发现一个有趣的事情，我试图让一个遮罩层高度为100%，结果一直不生效，情况如下：
<body style="height: 100%;">
<div style="min-height: 100%;">
<div style="height: 100% width:100%;"></div>
</div>
</body>
如上方示例代码，外部是主容器，内部是一个遮罩层。
父层设置了百分比min-height，同时没有设置height。
子层height设置为100%。
按照思路，...