z-index使用无效的解决办法

重点：z-index要配合position一起用，否则无效;

效果图：

源代码：

代码语言：javascript复制

<div class="warehouse-item-header">
    <div class="background-icon">
       <Icon
         class="icon-notice-copy"
         link="icon-cangkukapianbeijing-copy"
         customStyle="width:86px;height:86px;"
       ></Icon>
     </div>
</div>     

.warehouse-item-header {
   height: 54px;
     line-height: 54px;
     font-size: 14px;
     font-weight: 400;
     padding: 0 16px;
     position: relative;

     .background-icon {
       position: absolute;
       top: 0;
       left: 0;
       width: 72px;
       height: 72px;
       z-index: 1;
       overflow: hidden;
       .svg-div {
         margin-left: -14px;
         margin-top: -14px;
       }
     }

header height icon position class

0 人点赞