CSS中的z-index屬性是用來設(shè)置元素的堆疊順序的，該屬性的值越大，元素就越靠近屏幕的頂端。當(dāng)多個(gè)元素重疊在一起時(shí)，z-index可以決定哪個(gè)元素顯示在其它元素之上。

但有時(shí)候會(huì)遇到z-index重復(fù)的情況，這時(shí)我們就需要了解z-index的層疊規(guī)則。

層疊規(guī)則:
1. 未設(shè)置z-index的元素在元素棧中自然居于最底部。
2. z-index值較大的元素會(huì)居于z-index值較小的元素上方。
3. 元素的層疊順序由它們的父級(jí)元素的層疊順序決定。
4. 無論z-index值如何，未定位的元素永遠(yuǎn)在定位的元素上面。
5. 在同一祖先元素中，z-index值較大的元素層疊在z-index值較小的元素之上，但這只適用于同級(jí)元素。
6. 在不同祖先元素中，某個(gè)元素的z-index值為1000，但該元素的層疊順序要低于在它所在祖先元素中，z-index值為10的元素。

因此，在使用z-index時(shí)，我們要注意元素的層疊順序，以避免重復(fù)和不必要的混亂。可以使用瀏覽器的開發(fā)者工具來檢查元素的層疊順序。