无法点击链接，因为有一个框覆盖了他们

Question

你好:)我有一个小“滑块”，如截图所示。在它下面，有一个链接打开相关的灯箱...问题是，隐形框（屏幕截图中的蓝色框）覆盖滑块的thumnails，所以我无法点击它们。我该如何解决这个问题？

The blue box is covering the thumbnails

按钮：

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

Css to it：

.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;
}