vue中用img做背景图片,并做到自适应
vue中用img做背景图片,并做到自适应
·
在学习慕课网-饿了么视频课程以后,自己独立制作app页面的过程中遇到一个小坑,记录下来。
解决方法:
js代码:
<div class="header-background">
<img :src="headerSeller.avatar" width="100%" height="100%" />
</div>`
css代码:
.header-background
position absolute
top 0
left 0
width 100%
height 100%
z-index -1
自己出错的地方在于:没有把 div的width和height设置成100%。导致img的无法覆盖整个父元素。找问题原因的时候,又去查 backgound-image,哎。分享一下,给新手们节约一点时间吧。
更多推荐
已为社区贡献1条内容
所有评论(0)