使用transform后z-index失效的解決方法


transform作用的元素增加translateZ,父級元素增加 transform-style: preserve-3d;

<div class="father">
    <div class="child"></div>
</div>

style {
    .father {
        transform-style: preserve-3d;  
    }
   .child {
       transform: translateZ(1px);
   }
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM