z-index已經(jīng)正確設(shè)置了，為什么有一半還是藏在遮罩的下面？

你的contract_template_select下面的div有沒有定位，沒有的話加上定位，哪怕是用position:relative;z-index:999;都行

把#contract_template_select::after樣式去掉；

元素在z軸上的排列順序并不是完全由z-index的大小決定的，還有一個(gè)堆疊上下文的概念。#contract_template_select元素會(huì)形成一個(gè)堆疊上下文，這個(gè)元素的所有子元素都會(huì)在這個(gè)元素的上面，子元素會(huì)根據(jù)z-index的大小在這個(gè)堆疊上下文中排序。這個(gè)after元素是這個(gè)元素的子元素，所以不可能在這個(gè)元素的下面。感覺你這個(gè)after元素沒有什么用處，把樣式去掉即可。