收藏
回答

cover-view、cover-image的z-index层级关系无效

API/组件名称 终端类型 微信版本 基础库版本
cover-view cover-image 客户端 6.6.1 1.9.1

对cover-view 和 cover-image, 在同一级中设置 position:absolute,   在ios真机中z-index是无效的


比如:

<cover-view class="rob-mid-bg">cover1</cover-view>

<cover-view class="rob-last-bg">cover2</cover-view>



.rob-mid-bg{

    position: absolute;

    z-index: 50;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 159rpx;

    height: 159rpx;

    background-color:#ff9a00;

    border-radius: 9999rpx;

    animation: showornot 2s linear 0s infinite;

}


.rob-last-bg{

    position: absolute;

    z-index: 10;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 180rpx;

    height: 180rpx;

    background-color: #78694e;

    border-radius: 9999rpx;

    transform-origin: center;

    animation: showornot 1.5s linear 0s infinite;

}


以上代码 ,在模拟器和安卓机中都是好的,但 在ios真机中,cover1永远被cover2覆盖,除非把cover1放到cove2下面,才能覆盖cover2


<cover-view class="rob-last-bg">cover2</cover-view>

<cover-view class="rob-mid-bg">cover1</cover-view>


之前也发过一个cover-view的问题,一直没有回复... 现在又发现一个




回答关注问题邀请回答
收藏

1 个回答

  • momo
    momo
    2019-06-11

    这问题现在还有啊。。。

    都这么久了。。。

    2019-06-11
    有用 1
    回复
登录 后发表内容