教你徹底解決css中設置z-index的值無效的問題


在使用z-index這個屬性之前,我們必須先了解使用z-index的必要條件:

1、要想給元素設置z-index樣式,必須先讓它變成定位元素,說的明白一點,就是要給元素設置一個postion:relative(定位元素:position屬性值設置除默認值static以外的元素,包括relative,absolute,fixed)樣式。

2、不要給想控制“上、下”的元素設置z-index,而是對他們的父容器設置z-index樣式。

看懂了以上兩點,我們就明白了如何才能使用z-index這個屬性,那就是我們在使用z-index前,先將元素定位,例如position:relative;然后再后面再添加z-index:2000就OK了。


免責聲明!

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



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