Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > не работает Z-index


Автор: Deathmanasm 5.12.2009, 22:28
не работает z-index с DIV и Object! Пытаюсь div показать поверх object! 
Код

 
<body>
 <object classid="clsid:c74190B6-8589-11D1-B16A-00C0F0283628"  style="background: #FFD700;position:absolute; z-index: 1; width:400px; height:400px">
 </object>
 <div  style="background-color: #B22222;top:20px;position:absolute; z-index: 2; left:20px; width:200px; height:200px"></div>
</body>

Автор: IDVsbruck 5.12.2009, 22:46
Помести object в другой div и отображай их относительно друг друга.

Автор: Deathmanasm 5.12.2009, 23:34
пробовал! только всеравно верхний(upDiv) подлезает под object, который лежит на downDiv

Код

<body>
 <div id="downDiv" style="position:absolute; z-index: 1"><object classid="clsid:c74190B6-8589-11D1-B16A-00C0F0283628"  style="width:400px; height:400px">
 </object></div>
 <div id="upDiv" style="background-color: #B22222;top:20px;position:absolute; z-index: 2; left:20px; width:200px; height:200px"></div>
</body>
 

Автор: mxt 5.12.2009, 23:51
выставь нужный WMODE
тогда он не будет налезать

Автор: Deathmanasm 6.12.2009, 00:15
Цитата(mxt @ 5.12.2009,  23:51)
выставь нужный WMODE
тогда он не будет налезать

пробовал так: не помогло
Код

<body>
<object wmode="opaque" classid="clsid:c74190B6-8589-11D1-B16A-00C0F0283628" style="position:absolute; width:400px; height:400px; z-index:1">
 </object>
 <div id="upDiv" style="background-color: #B22222;top:20px;position:absolute; z-index: 2; left:20px; width:200px; height:200px"></div>
</body>

Автор: mxt 6.12.2009, 01:35
1:
Цитата(IDVsbruck @  5.12.2009,  22:46 Найти цитируемый пост)
Помести object в другой div и отображай их относительно друг друга. 

2:
Цитата(mxt @  5.12.2009,  23:51 Найти цитируемый пост)
выставь нужный WMODE

Автор: IDVsbruck 6.12.2009, 05:21
Что за новый атрибут wmode у object? smile
Речь о
Код

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

вложенном в <object></object>.

Автор: Deathmanasm 6.12.2009, 12:06
Все слелал как было сказано, но всеравно object не хочет уступать место div'у (upDiv)пробую в IE8.
Код

<body>
 <div style="background: #808080; position:absolute; top:30px; z-index:1; height:100px; border: #000000">
    <object classid="clsid:c74190B6-8589-11D1-B16A-00C0F0283628">
    <param name="wmode" value="transparent" />
    </object>
 </div>
 <div id="upDiv" style="background-color: #FFFF00; position:absolute; top:10px; left:50px; width:50px; height:100px; z-index:2"></div>
</body>

Автор: Amphiluke 6.12.2009, 12:12
Deathmanasm, object в IE можно перекрыть iframe.
div, по видимому, увы…

Автор: mxt 6.12.2009, 19:28
sec

Добавлено через 4 минуты и 42 секунды
по идее wmode работает только для флеша,  хотя могу ошибаться

Автор: Любитель 9.12.2009, 00:49
Последний вариант почти правильный. Только вместо transparent надо opaque smile

wmode работает для чего угодно, если поддерживается плагином smile

Автор: Deathmanasm 12.12.2009, 01:03
Цитата(Любитель @ 9.12.2009,  00:49)
Последний вариант почти правильный. Только вместо transparent надо opaque smile

и так не работает
Код

<body>
 <div style="background: #808080; position:absolute; top:30px; z-index:1; height:100px; border: #000000">
    <object classid="clsid:c74190B6-8589-11D1-B16A-00C0F0283628">
    <param name="wmode" value="opaque" />
    </object>
 </div>
 <div id="upDiv" style="background-color: #FFFF00; position:absolute; top:10px; left:50px; width:50px; height:100px; z-index:2"></div>
</body>

Автор: Любитель 12.12.2009, 13:36
Значит ваш объект игнорирует значение wmode и рендерит себя как хочет.. Тогда у меня больше идей нету :(

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)