無法點擊div高度以外的溢出元素

Question

我試圖複製角度材質選擇，但在定位和事件時遇到了一些麻煩。

https://jsfiddle.net/eptcjssy/

我有孩子的div，其高度比父div的內父DIV

.fancy-select-container { 
position: relative; 
padding: 2px; 
margin: 0; 
vertical-align: middle; 
width:434px; 
text-align: left; 
display:block; 
height:35px; 
} 

和一個孩子的div

.fancy-select-container .list-container{ 
width:100%; 
position:absolute; 
top:100%; 
max-height:200px; 
background-color:white; 
} 

，然後列表因爲它是一個列表。

問題是我只能點擊/懸停第一個列表項，因爲它在父級div高度內。我試着玩z-索引，但沒有得到太多的快樂。我怎樣才能讓溢出的部分也接收事件呢？

感謝

Answer 1

從我所看到的，你需要在「.LIST項」級應用到列表中的所有項目。

示例小提琴。

<li class="list-item">1</li> 
<li class="list-item">2</li> 
<li class="list-item">3</li> 
<li class="list-item">4</li> 
<li class="list-item">5</li> 
<li class="list-item">6</li> 

https://jsfiddle.net/agvxqge6/