小程序筆記—一個view覆蓋另一view的兩種方式

摘要

flex佈局是不同的彈性項目佔用彈性盒子的x/y兩個方向的空間,但是在經常會遇到需要一個view覆蓋另一個view的場景,這時候怎麼辦呢?現有兩種方式處理,總結如下。

方式

第一種方式

利用父子容器的包含關係,父容器在底層,子容器在上層。

第二種方式

利用z-index屬性,通過不同的z-index值控制不同的層級。

z-index注意事項:
必須position屬性的支持,且屬性值爲(relative、absolute、fixed)時候z-index纔會生效,慎用fixed屬性,一旦設置後,view位置固定,不隨屏幕滑動而滑動。

在這裏插入圖片描述

發佈了50 篇原創文章 · 獲贊 42 · 訪問量 9219
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章