Z-индекс не работает для встраивания кода

Question

При прокрутке моей веб-страницы DIV, на котором есть видео, не идет за верхним DIV. На моей веб-странице топ DIV, который имеет следующие стили CSS

#header{
font-size:11px;
height:25px;
position:fixed;
top:0;
width:960px;
z-index:1000;
}

Теперь, после очистки всех всплывающих элементов, я добавил видео в DIV-оболочку, как показано ниже.

<div id="vedio">
<object>video code</object>
</div>

Применение CSS

#vedio{
position:relative;
text-align:center;
z-index:0;
}

После всего этого, видео не идет за заголовком в FireFox3.6, Google Chrome. Пожалуйста, кто-нибудь Помогите мне. Спасибо

Answer 1

В каком браузере вы тестируете? IE имеет z-index:0; проблемы, всегда начинаются с 1 или -1 и идут оттуда.

Редактировать:

Добавьте это к вашему объекту:

<param name="wmode" value="transparent">

и это на ваш код для вставки:

wmode="transparent" и не забудьте закрыть тег для встраивания либо с помощью </embed>, либо, если вы используете тип документа XHTML: />. Я добавил их в Firebug, и он отлично работает:)

<object width="606" height="385">
            <param name="movie" value="http://www.youtube.com/v/RjUIarUAioY&hl=en_US&fs=1&color1=0x2b405b&color2=0x6b8ab6"></param>
            <param name="allowFullScreen" value="true"></param>
            <param name="allowscriptaccess" value="always"></param>
            <param name="wmode" value="transaprent"></param>
            <embed src="http://www.youtube.com/v/RjUIarUAioY&hl=en_US&fs=1&color1=0x2b405b&color2=0x6b8ab6"
                   type="application/x-shockwave-flash"
                   allowscriptaccess="always"
                   allowfullscreen="true"
                   width="606" height="385"
                   wmode="transparent">
            </embed>
        </object>

У вас также было z-index; 999; на #wp-admin-bar *, я добавил его к родителю; #wp-admin-bar .padder просто чтобы убедиться, что дети наследуют значение.

Answer 2

опечатка в

value = "transaprent" изменить на value = "transparent"

Answer 3

В object видео попробуйте установить param:

wmode = transparent