Форум Сайтостроение Веб-строительство

Вопрос по CSS (iframe перекрывает галерею colorbox, глюк в IE)

[Удален]
2707

Сайт - http://vc.dahost.ru/

При клике в IE на картинки (стоит галерея colorbox) в блоке "Актуальные проекты" iframe с youtube перекрывает блок с картинкой.

Глюк только в IE замечен.

Помогите, пожалуйста, решить проблему.

Может через CSS как-то настроить можно?

[Удален]
#1

Думаю тут z-index спасёт. Попробуйте для всплывающего окна поставить z-index: 1000;

[Удален]
#2

Не спасает... Может я не правильно его вставила???

В colorbox в стилях:

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; width:100%; height:100%;}

iframe вставлен так:

<div style='position: relative; height: 200px;'><iframe scroll=none style='position:absolute; top:0; left:0; z-index:999; width:252px; height:207px;' src="http://www.youtube.com/embed/rjTGIcRdTYU" frameborder="0" allowfullscreen></iframe></div>

DiAksID
На сайте с 02.08.2008
Offline
236
DiAksID
#3

в Chrome проанализируйте конструкцию вёрстки по "просмотр кода элемента" после открытия окна колорбокса, он показывает html после работы js-ов

show must go on !!!...
[Удален]
#4

Посмотрела в Chrome...

Я уже z-index каждому элементу дописывала в Chrome, ничего не получается, iframe все равно сверху...

LEOnidUKG
На сайте с 25.11.2006
Offline
1753
LEOnidUKG
#5

А какой IE то?

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
[Удален]
#6

У меня IE8.

Кстати, в Chrome тоже эта проблема обнаружилась...

Chrome 11.0.696.68

DiAksID
На сайте с 02.08.2008
Offline
236
DiAksID
#7

если не путаю, в коде самого королбокса есть где то инлайн стиль с присвоением z-index типа 99, и это ессесно перебивает все css-ы. могу ошибаться, конечно.

попробуйте зайти с другой стороны - ifame "опустить", задать ему z-index типа 3

[Удален]
#8
ifame "опустить", задать ему z-index типа 3

В colorbox стоит z-index:9999, а для iframe прописала z-index:999.

DiAksID
На сайте с 02.08.2008
Offline
236
DiAksID
#9
NetSaita:
В colorbox стоит z-index:9999, а для iframe прописала z-index:999.

в королбоксе много вложенных элементов, и если вы блоку-обёртке задали 9999, это совсем не значит, что блок с картинкой имеет тот же z-index

для эксперимента попробуйте задать iframe минимальный z-index но больший 0 есссесссно, 3 хватит что бы плавать над контентом

[Удален]
#10

Для iframe задала z-index 3, результат тот же...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий