Наложение / окно входа поверх анимированных слоев wowslider

Question

Я использую wowslider на своей странице приветствия, которая прекрасно работает и выглядит так, как она должна. Когда люди нажимают "Enter" (верхняя правая кнопка), появляется прозрачное наложение 50%, а сверху появляется окно входа. К сожалению, wowslider доминирует над слоями, и хотя я дал свой логин z-index of 10000Вау-слайдер все еще на вершине. Я много чего перепробовал с изменением z-index элементов вау-слайдера, играя с overflow свойства и position свойства всех связанных элементов, но я не могу найти решение.

Я полагаю, что проще всего дать ссылку на разрабатываемую версию проекта, чтобы увидеть проблему и, возможно, найти решение. http://dev.hobbyathletes.com/

Вот соответствующие элементы Wowslider

<div id="wowslider-container1">
 <h1>Community for hobby and amateur endurance athletes</h1>
  <div class="ws_images">

Этот элемент div ws_images, кажется, доминирует над всеми правилами наложения, но элемент h1 также отображается поверх элемента ws_images, но если я задаю границу для wowslider-container1, я вижу, что она находится за формой входа в систему.

Любая помощь будет очень высоко ценится. Пожалуйста, постарайтесь избежать решения, в рамках которого я должен встраивать wowslider в iframe.

заранее спасибо

Answer 1

Добавьте z-index к вашему #form_center как показано ниже, селектор ha_main.css - строка 707

#form_center {
position: fixed;
width: 0;
height: 100%;
left: 50%;
top: 0px;
z-index: 10000;
}