Почему мой html выпадающий список и кнопка недоступны?

Question

У меня есть кнопка и кнопка здесь, но они не могут быть изменены: http://wp12190683.server-he.ch/webcam/test/

Содержимое генерируется динамически с помощью jQuery в lightgallery. Приведенный код:

<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> 

Почему это? Являются ли элементы за некоторыми другими или невозможно использовать такие элементы, созданные динамически?

Answer 1

Проблема заключается в том, что элемент .lg-inner, который содержит изображения галереи, является полноэкранным, перекрывает этот элемент.

Вы можете установить z-index элемента .demand в 1060, чтобы он отображался над изображением. (, но при необходимости он будет перекрывать изображение)