有這樣一個場景，在頁面的右上角有一個固定位置的按鈕，當不拉動垂直滾動條時，該按鈕是可以接受鼠標響應的；但是當將垂直滾動條拉到最底端時，該按鈕就不能響應鼠標操作了，此時該按鈕的樣式已經被下部分內容的樣式遮擋了，此時我們可以通過一個z-index屬性來解決該問題，只要在右上角固定的按鈕的樣式中添加z-index屬性，並設置個較大的值即可，例如："z-index:999"
1、z-index屬性
- 該屬性設置元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。
- 該屬性值可以為負數，表示元素擁有較低的優先級。
- 該屬性僅僅在定位元素上生效，例如：position:fixed 或者position:absolute
2、說明
z-index屬性設置一個定位元素沿 z 軸的位置，z 軸定義為垂直延伸到顯示區的軸。如果為正數，則離用戶更近，為負數則表示離用戶更遠。
| 值 | 描述 |
| auto | 默認。堆疊順序與父元素相等。 |
| number | 設置元素的堆疊順序。 |
| inherit | 規定應該從父元素繼承 z-index 屬性的值。 |