美文网首页
全屏背景图设置

全屏背景图设置

作者: c6e71129966d | 来源:发表于2021-11-11 11:34 被阅读0次

需求:设置全屏背景图,铺满屏幕不重复。

实现思路:设置image   固定定位,层级z-index设置为-1,(比当前的层级低一点就可)。

代码实现:

(html部分):

<view class="applyAdd">

    <image class="applyAddImg" :src="formBgi"></image>

</view>

css部分:

.applyAdd{ width:100%; height:100%; overflow-y: hidden; padding-top: ; } .applyAddImg{ z-index:-1; width:100%; height:100%; position: fixed; top:0; }

相关文章