無法點擊鏈接，因爲一個盒子覆蓋它們

Question

你好:)我有一個「滑塊」，如截圖所示。在它下面，有一個鏈接可以打開相關的燈箱......問題是，不可見的框（截圖中的藍色框）覆蓋了滑塊的縮略圖，所以我無法點擊它們。我怎樣才能解決這個問題？

The blue box is covering the thumbnails

按鈕：

<label class="btn" for="modal-1">more...</label> 

CSS來它：

.btn { 
cursor: pointer; 
display: inline-block; 
color: #000; 
margin-top: 40vh; 
margin-left: 30vw; 
transform: rotate(-10deg); 
z-index: 999999999; 

Answer 1

嘗試添加position: relative;

.btn { 
position: relative; 
cursor: pointer; 
display: inline-block; 
color: #000; 
margin-top: 40vh; 
margin-left: 30vw; 
transform: rotate(-10deg); 
z-index: 999999999; 
}