收藏
回答

position-absolute导致层级错乱的原因是什么?

<view class="position-absolute w-100 h-100 bg-white">

<textarea>textarea</textarea>

<button open-type="getUserInfo" >授权登陆</button>

</view>

<view class="w-100 h-100 bg-white">

主界面

<button>button1</button>

</view>

/**index.wxss**/


.position-absolute {

position: absolute;

}


.position-relative {

position: relative;

}


.w-100 {

width: 100%;

}


.h-100 {

height: 100%;

}


.bg-white {

background-color: white;

}

最后一次编辑于  09-03  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • 铭锋科技
    铭锋科技
    09-03

    你预期表现是什么?

    position-relative

    这个没用到,.position-absolute有什么用?

    09-03
    赞同 1
    回复 3
    • 玨希
      玨希
      09-03
      第一个view 覆盖 第二个view textarea 始终最上层```
      09-03
      1
      回复
    • 铭锋科技
      铭锋科技
      09-03回复玨希

      wxml:


      <view class="pr">

      <view class="pb w-100 h-100 bg-white v1">

      <textarea>textarea</textarea>

      <button open-type="getUserInfo">授权登陆</button>

      </view>


      <view class="pb w-100 h-100 bg-white v2">

      主界面

      <button>button1</button>

      </view>

      </view>


      wxss:

      .pr {

      position: relative;

      }


      .pb {

      position: absolute;

      }


      .v1 {

      z-index: 1;

      }


      .v2 {

      z-index: 0;

      }


      .w-100 {

      width: 100%;

      }


      .h-100 {

      height: 100vh;

      }


      .bg-white {

      background-color: white;

      }


      这个可以?

      09-03
      1
      回复
    • 玨希
      玨希
      09-03
      可以用,谢谢了. 微信非原生的组件需要指定层级,默认的层级很恶心.
      09-03
      回复
  • 玨希
    玨希
    09-03


    09-03
    赞同
    回复
问题标签