Javascript 为什么我的html下拉列表和按钮不可单击？

我在这里有一个选择和按钮，但它们不可单击：

内容是通过lightgallery中的jQuery动态生成的。生成的代码是

<div class="demand">
   <select name="picture" class="form-field">
       <option value="baenkli">Bänkli</option>
       <option value="bort">Bort</option>
       <option value="Toissa">Toissa</option>
       <option value="cheminee">Cheminée</option>
   </select>
   <a href="#" class="myButton">Bild abrufen</a>
</div>

班克利
出生的
托伊萨
化学

---

为什么会这样？元素是否位于其他元素之后，或者不可能使用动态创建的元素？

问题在于，包含画廊图像的

.lg inner

元素与此元素全屏重叠

---

您可以将

.demand

元素的

z-index

设置为

1060

，使其显示在图像上方。（但它会在需要时与图像重叠）

问题在于，包含画廊图像的

.lg inner

元素全屏显示时与该元素重叠

您可以将

.demand

元素的

z-index

设置为

1060

，使其显示在图像上方。（但在需要时会与图像重叠）