CSS中有很多方法可以讓元素置于底層,本篇文章將介紹其中的幾種方法。
1. 使用position屬性將元素定位為absolute或fixed,并設置bottom:0
.bottom { position: absolute; bottom: 0; /*或者 position: fixed;*/ }
2. 使用z-index屬性為元素設置較小的z-index值
.bottom { position: relative; /*必須要有relative屬性*/ z-index: -1; }
3. 使用CSS3的transform屬性將元素移動到底部
.bottom { position: relative; transform: translateY(100%); }
雖然以上三種方法都可以讓元素置于底層,但它們的具體實現方式與各自的應用場景是有關聯的,必須根據實際需要加以選擇。另外,在進行元素層級設置時,要注意CSS的渲染規則,避免出現層疊順序錯誤的情況。