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

全屏背景图设置

作者: 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; }

    相关文章

      网友评论

          本文标题:全屏背景图设置

          本文链接:https://www.haomeiwen.com/subject/emwwzltx.html