Z-index не работает для плагина Embed Code

Я использовал браузер Chrome и Safari для просмотра прямой трансляции.

<div style="position:relative; z-index:0;">
<object>
    <param name="wmode" value="opaque"></param>
    <embed id="SIPCtrl" type="application/xxxxx-plugin"  wmode="opaque"></embed>
</object>
</div>

Я также пытаюсь установить как:

<div style="position:relative; z-index:0;">
<object>
    <param name="wmode" value="transparent"></param>
    <embed type="application/xxxxx-plugin" wmode="transparent"></embed>
</object>
</div>

У меня есть еще один div для отображения всплывающего сообщения. Я уже установил Z-index:1000, но он по-прежнему не отображается над потоковым видео в реальном времени (плагин для встраивания). Ни один из этих двух html не может работать.

HTML-код: http://jsfiddle.net/8C2py/3/

Скриншот: введите здесь описание изображения

[Результат]: теперь работает в Chrome (добавьте iframe), но не работает в браузере Safari.

Кто-нибудь может сказать мне мою ошибку? Большое спасибо.


html safari z-index always-on-top html-object
person user430926    schedule 08.02.2013    source источник
comment
Можете ли вы также опубликовать CSS и HTML другого div? Возможно, вам придется поместить object в div и установить z-index в этом контейнере вместо object.   -  person otinanai    schedule 08.02.2013
comment
Я уже добавляю код объекта div. Спасибо   -  person user430926    schedule 08.02.2013
comment
zIndex может не работать, если позиция static (по умолчанию).   -  person Salman A    schedule 08.02.2013
comment
может ли это работать, если позиция абсолютна?   -  person user430926    schedule 18.02.2013

Ответы (2)


arrow_upward
1
arrow_downward

Добавьте wmode="opaque" к параметрам object / embed tag и посмотрите, поможет ли это.

person Rahul Shah    schedule 18.02.2013

arrow_upward
0
arrow_downward

довольно сложно, не видя всего кода... попробуйте это
<div style="position:relative; z-index:0;">

в вашем контейнере div. примечание: если вы установите z-index на отрицательное значение для вашего контейнера, flash не будет отображаться. не похоже, что вы используете вспышку, но я бы все равно ее избегал, на всякий случай.

person albert    schedule 08.02.2013
comment
Я пробовал это, и мне не повезло. Я обновил весь свой HTML-код. - person user430926; 18.02.2013
comment
Вы можете разместить его на скрипте js или опубликовать URL-адрес? без флешки для проверки не то же самое - person albert; 19.02.2013
comment
Я поместил его в свой дропбокс, это ссылка dropbox.com/s/2dkhd5jergbp3i0/ sample_code.htm. Я использовал плагин Apple ActX, похожий на мой. Когда я попробовал его в Firefox, он отлично работает, но не работает в Chrome и Safari. Спасибо. - person user430926; 19.02.2013
comment
ну, цель попросить вас сделать это в jsfiddle заключалась в том, чтобы нам не пришлось настраивать его самостоятельно .... продвигаться вперед .... вам не хватает атрибута / значения wmode=transparent во втором элементе встраивания. кроме того, создаваемый вами div добавляется к элементу body, а не div, для которого вы установили position:relative, поэтому я помещаю body{position:relative; z-index:0} в вашей голове....работает в хроме - person albert; 20.02.2013
comment
Я не устанавливал атрибут/значение wmode=transparent для своего второго элемента встраивания, потому что он отлично работает, даже если я его не устанавливал, но это не сработало для первого элемента встраивания. Я также поместил body{position:relative; z-index:0} в моей голове, но все равно не повезло. Я что-то пропустил? - person user430926; 20.02.2013
comment
какое видео в прямом эфире? влево или вправо? он появился над видео на ютубе, что я предположил, что вы хотели - person albert; 20.02.2013
comment
Я хочу, чтобы элемент div (добавленный к элементу body) был поверх всего (как плагин для встраивания видео, так и YouTube). Спасибо. - person user430926; 20.02.2013
comment
у меня работает, вот скриншот dev.bowdenweb.com/a/ i/delete/sample-code-ss.png причина, по которой он может не работать у вас и работает у меня, заключается в том, что xxxx.avi не существует... и это еще одна причина, по которой я сказал поместите его на jsfiddle.... он должен быть функциональным, чтобы протестировать. HTML-документ, который вы мне прислали, был просто... HTML-документом, без avi. больше ничем не могу помочь без avi - person albert; 20.02.2013
comment
Я разместил свой код здесь jsfiddle.net/8C2py, также добавьте скриншот выше. Спасибо большое за вашу помощь. - person user430926; 20.02.2013
comment
похоже, у меня это работает в хроме .... просто добавил прозрачный wmode к тому же встраиванию jsfiddle.net /jalbertbowdenii/8C2py/1 - person albert; 20.02.2013
comment
Действительно странно, это похоже на мой скриншот, когда я открываю ваш jsfiddle.. Я пытался открыть его на своем ПК и ноутбуке одинаково, у меня это не работает.. - person user430926; 21.02.2013
comment
какая у вас сейчас операционная система и версия хрома - person albert; 21.02.2013
comment
я посмотрел на вашу скрипку .... она не такая, как та, которую я опубликовал .... добавление wmode ко второму встраиванию заставляет ее работать .... по крайней мере, с моей точки зрения. - person albert; 21.02.2013
comment
Я использовал Windows 7 и Chrome версии 24.0.1312.57. Но добавление wmode ко второму встраиванию ничего не меняет, потому что, как я упоминал ранее --› я не устанавливал атрибут/значение wmode=transparent для своего второго элемента встраивания, потому что он работает нормально, даже если я его не устанавливал. , но это не сработало для первого встроенного элемента. Спасибо - person user430926; 21.02.2013
comment
Я нашел решение, просто добавив iframe внутри div, например jsfiddle.net/8C2py/3. Теперь он работает в Chrome, но не повезло с браузером Safari. Спасибо. - person user430926; 22.02.2013