VUE&&CSS——最简单的为元素添加背景图片,并自适应div的大小
为一个高宽固定的块元素添加背景图片 在样式表中 添加背景图片的src,background-image: url('../../assets/images/top_bg1.png') ;通常还需要将背景图片的大小进行调整 ,以适合块元素的大小.background-size: cover;完整的css如下:.bg-part{...
·
为一个高宽固定的块元素添加背景图片 在样式表中 添加背景图片的src,
background-image: url('../../assets/images/top_bg1.png') ;
通常还需要将背景图片的大小进行调整 ,以适合块元素的大小.
background-size: cover;
完整的css如下:
.bg-part{
position: relative;
width: 100%;
height: 585px;
background-image: url('../../assets/images/top_bg1.png') ;
background-size: cover;
}
这样应该是最简单的方法了。大家可以尝试。
更多推荐
已为社区贡献3条内容
所有评论(0)