收藏
回答

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;

}

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

2 个回答

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

    你预期表现是什么?

    position-relative

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

    2019-09-03
    有用 1
    回复 3
    • %
      %
      2019-09-03
      第一个view 覆盖 第二个view textarea 始终最上层```
      2019-09-03
      1
      回复
    • 铭锋科技
      铭锋科技
      2019-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;

      }


      这个可以?

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


    2019-09-03
    有用
    回复
登录 后发表内容
问题标签