Использование Fancybox2 для отображения диалога через Galleria

Question

Я пытаюсь отобразить диалоговое окно Fancybox 2 в полноэкранной галерее Galleria. Вот z-индексы, которые я установил:

.galleria-container notouch fullscreen {
    z-index: 10000;  /* default by component */
}

.fancybox-overlay {
    z-index:100001;
}
.fancybox-opened {
    z-index: 100030;
}
.fancybox-close {
    z-index: 100040;
}

Я поэкспериментировал с настройкой ширины и высоты отображаемого элемента fancybox, но получил только 20px, а затем он исчезает. Есть ли пропущенный вызов API javascript? Благодарю.

РЕДАКТИРОВАТЬ: вот ссылка - http://cdn1.doneupsalon.com/test.html.

Answer 1

Это то, что вам не хватает: .... точка (ДА, точка... три, на самом деле;)

У вас есть это в вашем документе:

<style type="text/css">
    fancybox-overlay {
        z-index:100001;
    }
    fancybox-opened {
        z-index:100030;
    }
    fancybox-close {
        z-index:100040;
    }
</style>

Отправленный вами код верен, но не ваш рабочий код на демо-странице.

На самом деле, если вы установите z-index к .fancybox-overlay селектор это было бы достаточно хорошо.