Проблема с видео z-index в браузерах Windows - PullRequest
2 голосов
/ 04 сентября 2010

Имея проблему с наложением png на видео vimeo, похоже, он работает во всех браузерах Mac, но Firefox, Internet Explorer и т. Д. В Windows, похоже, игнорируют его и помещают его позади.пример сайта, это черная кнопка «Скачать катушку»: http://www.warface.co.uk/clients/detail-shoppe

Большое спасибо

HTML

<div class="video-block">
<a class="download-reel left">Download Reel</a>
</div>

CSS

.download-reel {
   width:139px;
   height:32px;
   display:block;
   top:-5px;
   text-indent: -4000px;
   z-index: 11;
   position: absolute;
 }

и код для вставки видео:

<object width="720" height="405"><param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11479633&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=15bedc&amp;fullscreen=1" />
<embed src="http://vimeo.com/moogaloop.swf?clip_id=11479633&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=15bedc&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="720" height="405">
</embed></object>

Ответы [ 2 ]

4 голосов
/ 04 сентября 2010

По умолчанию wmode объекта / встраивания является «окном», что означает, что он наложен поверх любого элемента (ов) браузера, кроме тех же элементов.«прозрачный», обычно требуется последний.

<param name="wmode" value="transparent"> или <embed wmode="transparent"> в зависимости от элемента.

1 голос
/ 04 сентября 2010

Z-index будет работать только на тех элементах div, которые были позиционированы как абсолютные или относительные.

Также иногда это не сработает, если вы используете его в div, если div вложен в другой.Попробуйте добавить z-index и position: относительно родительского div или родителя этого div.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...