在css中，可以利用“z-index”屬性讓元素的層級最高，該屬性的作用就是設置元素的堆疊順序，擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面，也就是元素的層級最高，語法為“元素{z-index:number;}”。
本教程操作環(huán)境：windows10系統(tǒng)、css3&&html5版、dell g3電腦。
css如何讓元素層級最高
控制元素在最項層，可以通過css中的z-index屬性來設置。下面以三層div為例，講解css樣式如何控制div到最頂層。
1、新建一個html文件，命名為test.html，用于講解css樣式如何控制div到最頂層。使用css設置頁面所有的div寬度為300px，高度為300px，div的位置為絕對定位。
創(chuàng)建三個div，并用文字標識，分別為底層div、中層div、最頂層div。分別給三個div設置class屬性為one、two、three，用于下面對類名進行樣式設置。
設置類名為one的div樣式，設置其背景顏色為紅色，距離頁面左邊緣為0，距離頁面上邊緣為0，同時使用z-index設置其層級為1。
2、在css標簽內(nèi)，設置類名為two的div樣式，設置其背景顏色為黃色，距離頁面左邊緣為50px，距離頁面上邊緣為50px，同時使用z-index設置其層級為2，即在類名為one的div的上面。
設置類名為three的div樣式，設置其背景顏色為粉紅色，距離頁面左邊緣為100px，距離頁面上邊緣為100px，同時使用z-index設置其層級為3，即在頁面三個div中的最頂層。
在瀏覽器打開test.html文件，查看實現(xiàn)的層級效果。
總結(jié)：
1、創(chuàng)建三個div，并設置其位置屬性為絕對定位。
2、使用z-index分別設置三個div的層級關系，數(shù)字越大越在上面。
（學習視頻分享：css視頻教程）