Сделайте fancybox появиться на вершине

Я установил ссылку на изображение с помощью fancybox, но когда я нажимаю на миниатюру, поле fancybox появляется позади всего моего содержимого. Я использовал z-index для размещения другого контента на странице, поэтому я думаю, что мне нужно сделать то же самое для fancybox, но я не знаю, где разместить css-код?

3 7
jquery fancybox

3 ответа:

У Fancybox есть собственный CSS-файл, и вы должны найти #fancybox-wrap и изменить его z-index'е там. Но в любом случае, он имеет довольно высокую настройку по умолчанию (1101 на моем), поэтому я бы предложил изменить свой собственный HTML/CSS.

На всякий случай проверьте, не добавили ли вы эту таблицу стилей fancybox в свой HTML.

4

Я добавил: 

.fancybox-overlay {
    z-index: 1000000 !important;
}

В моей таблице стилей для последней версии fancybox.

3

В моем случае, используя WordPress 4.1 и плагин Fancybox, я решил проблему, добавив Это правило CSS: 

div#fancy_outer {
z-index: 1000000;
}
1