首页 > 杂记 > 正文

html结构

1
2
3
<div class="test">
    <img src="circle.jpg">
</div>

CSS企业样式

1
2
3
4
5
6
7
8
9
10
11
12
.test {
    background: url(abc.jpg) repeat;
    position: relative;
    width: 200px;
    background-size: cover;
}
.test img {
    width: 100%;
    display: block;
    position: absolute;
    z-index: -1;
}

结合position: relative和position: absolute,然后使用z-index调整层叠顺序。

版权声明:部分文章、图片等内容为用户发布或互联网整理而来,仅供学习参考。如有侵犯您的版权,请联系我们,将立刻删除。