CSS中的z-index是控制元素疊放順序的一個屬性，但是很多人可能不知道它還可以使用負(fù)數(shù)。當(dāng)一個元素的z-index屬性設(shè)置為一個負(fù)值時，它會被放置在普通元素的下面，甚至被放置在容器的背景圖片下面。下面是一些關(guān)于CSS z-index負(fù)數(shù)的例子:

/*將元素放置在普通元素下面*/
.example {
position: relative;
z-index: -1;
}

可以看到這個例子中，將一個元素的z-index設(shè)置為-1，這個元素就會被放置在普通元素的下面。使用這種方法可以實現(xiàn)一些有趣的效果，比如在一個普通元素上方有一些漂浮的東西。

/*將元素放置在背景圖片下面*/
.example {
position: relative;
z-index: -1;
background-image: url('example.jpg');
}

還有一個非常有用的負(fù)數(shù)z-index場景是將一個元素放在容器的背景圖片下面。這個可以通過將容器的z-index設(shè)置為1，然后將元素的z-index設(shè)置為-1來實現(xiàn)。只需要記住這個元素必須有定位屬性，否則這個技巧就不會起作用。

/*將容器背景圖片放置在元素下面*/
.container {
position: relative;
z-index: 1;
background-image: url('container-bg.jpg');
}
.element {
position: relative;
z-index: -1;
}

總之，CSS z-index的負(fù)數(shù)可以讓我們在布局和視覺方面創(chuàng)造出更多的可能性，但是使用時仍需要小心謹(jǐn)慎，避免出現(xiàn)一些奇怪的問題。