vue添加背景图,只显示一半问题解决

一:如何添加背景图

1:在页面所有div最外层写一个<div class=”shopping-classify”>…..</div>

在我的代码中如下

<div class=”shopping-classify”>
<div>
…..其他内容
</div>
</div>
2:在<style>内写 {注意,一定放在style样式地最外层}

</style>
//登录背景图
.shopping-classify {
display: flex;
justify-content: center;
align-items: stretch;
background-image: url(../../assets/edit.png);
background-size: 100% 100%;
height: 100%;
width: 100%;
position: fixed;
}
</style>
然后就大功告成了

只显示一半地问题解决着重点:

最初只能展示一半:在.shopping-classify {。。。}内加了position: fixed; 修饰就可以全屏铺满展示了

1.本站默认解压密码为:xiaoqingtai.com
2.本站所有内容均由互联网收集整理,仅供大家参考、学习,禁止商用。
3.本站所有内容版权归原著所有,如有侵权请及时联系我们做删除处理。
请扫描下方二维码关注微信公众号或直接微信搜索“小青苔基地”关注
小青苔基地 » vue添加背景图,只显示一半问题解决

发表评论