1

Всем привет. Столкнулся с проблемой позиционирования. Имеется фиксированная панель прижатая к верху экрана (header). На сайте имеется видео-плееры Youtube. При скроле сайта, если видео попадает в тоже положение с панелью, то плеер оказывается с верху.

Что пробовал: Задать панели: z-index: 99999999; - не помогло. position: relative - не помогло.

Появилась альтернативная мысль: Делать каждому видео превью. Превью работать будет ок, но все же есть недочеты.

Как можно решить такую проблему? Спасибо.

2 ответа 2

1

Если плеер флешевый, нужно добавить wmode="transparent" к <embed>-объекту.

Подробный ответ на SO

Вообще, порой быстрее поискать в гугле, чем задавать вопрос кому-то. Если вам дорого время, конечно. Этот ответ - третий по запросу "flash z-index". Так-то!

2
  • Все же, я искал в поисковиках, но сформулировать правильный запрос не смог. Во-первых, я использую <iframe> для плеера. Во-вторых, к вашим высказываниям: вы заботитесь о чужом времени, хотя, прямо сейчас, потратили в пустую несколько минут своей жизни. Парадокс, не правда ли? 30 мар 2012 в 9:57
  • Хоть и ваш ответ мне не помог - он не работает. Меня он натолкнул на решение: добавить в конце scr='...?wmode=opaque' и проблема решена. Благодарю. 30 мар 2012 в 10:04
1
<param name="wmode" value="opaque" />

и дописать атрибут для

<embed wmode="opaque"></embed>

после этого z-index заработает

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.