Сделать так, чтобы блок div располагался поверх элемента object

@Cript · Регистрация: 21.03.2014

Студворк — интернет-сервис помощи студентам

Приветствую!
Нужно сделать так, чтобы блок div располагался поверх элемента object, делаю так , но ничего не получается

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<style>
#layer {
z-index: 1;
position:absolute; 
}
#flashob {
position:relative; 
z-index: 0;
margin:0 auto;
}
</style>
<div id="layer">
<h1>text</h1>
</div>
<div id="flashob">
<object width="600" height="400" classid="clsid:CAFEEFAC-0016-0000-FFFF-ABCDEFFEDCBA" codebase="http://java.sun.com/update/1.6.0/jinstall-6-windows-i586.cab#Version=6,0,0,0">
<param name="code" value="com.jscape.ftpapplet.FtpApplet.class">
<param name="archive" value="client.jar">
<param name="scriptable" value="false">
<param name="wmode" value="opaque">
<embed type="application/x-java-applet;version=1.6" code="com.jscape.ftpapplet.FtpApplet.class" archive="client.jar" name="anyclient-enterprise" width="600" height="400" scriptable="false" pluginspage="http://java.sun.com/products/plugin/index.html#download" wmode="opaque"></embed>
</object>
</div>

Подскажите есть какие нибудь варианты решения данной задачи?

@Cript · 04.08.2014, 03:10 **[ТС]**

Актуальная тема!

@МилокМурлыка · 06.08.2014, 09:53

Вот держи пример, часть html я убрал потому что она мне мешала, адаптируй под свой код.
Что бы увидеть object закомментируй стили к #layer.

CSS
1
2
3
4
5
6
7
8
9
10
11
12
#layer {
position:absolute; 
background-color: black;
width: 400px;
height: 400px;
}
object{
        background-color: red;
        height: 400px;
        width: 400px;
    
}

HTML5
1
2
3
4
5
6
<div id="layer">
<h1>text</h1>
</div>
<div id="flashob">
    <object ></object>
</div>

@Cript · 06.08.2014, 20:51 **[ТС]**

Ваш вариант не срабатывает

@Cript · 11.08.2014, 18:13 **[ТС]**

Решения до сих пор не нашел..

@Taatshi · 15.08.2014, 09:08

ссылку на страницу

@Cript · 15.08.2014, 12:44 **[ТС]**

Сообщение от Taatshi

ссылку на страницу

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<style>
#layer {
z-index: 1;
position:absolute; 
}
#flashob {
position:relative; 
z-index: 0;
margin:0 auto;
}
</style>
<div id="layer">
<h1>text</h1>
</div>
<div id="flashob">
<object width="600" height="400" classid="clsid:CAFEEFAC-0016-0000-FFFF-ABCDEFFEDCBA" codebase="http://java.sun.com/update/1.6.0/jinstall-6-windows-i586.cab#Version=6,0,0,0">
<param name="code" value="com.jscape.ftpapplet.FtpApplet.class">
<param name="archive" value="client.jar">
<param name="scriptable" value="false">
<param name="wmode" value="opaque">
<embed type="application/x-java-applet;version=1.6" code="com.jscape.ftpapplet.FtpApplet.class" archive="client.jar" name="anyclient-enterprise" width="600" height="400" scriptable="false" pluginspage="http://java.sun.com/products/plugin/index.html#download" wmode="opaque"></embed>
</object>
</div>

http://jsfiddle.net/aa31fvy5/

@Cript · 01.09.2014, 20:52 **[ТС]**

Тема еще актуальна

@samuelabyan · 03.09.2014, 17:43

div-у в css - z-index: 1;

@Cript · 03.09.2014, 18:19 **[ТС]**

Сообщение от samuelabyan

div-у в css - z-index: 1;

не сработало

@Cript · 23.09.2014, 16:29 **[ТС]**

Тема актуальна)

Новые блоги и статьи Все статьи Все блоги /
Чистый C и C++ в Qt Creator: ставим среду без VPN и настраиваем MinGW/CMake, без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .

@Cript 1 / 1 / 1 Регистрация: 21.03.2014 Сообщений: 185
	04.08.2014, 03:10 [ТС]
	Актуальная тема! 0

@Cript 1 / 1 / 1 Регистрация: 21.03.2014 Сообщений: 185
	06.08.2014, 20:51 [ТС]
	Ваш вариант не срабатывает 0

@Cript 1 / 1 / 1 Регистрация: 21.03.2014 Сообщений: 185
	11.08.2014, 18:13 [ТС]
	Решения до сих пор не нашел.. 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	15.08.2014, 09:08
	ссылку на страницу 0

@Cript 1 / 1 / 1 Регистрация: 21.03.2014 Сообщений: 185
	01.09.2014, 20:52 [ТС]
	Тема еще актуальна 0

@samuelabyan 1 / 1 / 1 Регистрация: 16.08.2014 Сообщений: 16
	03.09.2014, 17:43
	div-у в css - z-index: 1; 0

@Cript 1 / 1 / 1 Регистрация: 21.03.2014 Сообщений: 185
	23.09.2014, 16:29 [ТС]
	Тема актуальна) 0