Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.54/13: Рейтинг темы: голосов - 13, средняя оценка - 4.54
1 / 1 / 1
Регистрация: 21.03.2014
Сообщений: 185

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

01.08.2014, 23:31. Показов 2471. Ответов 10
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Приветствую!
Нужно сделать так, чтобы блок 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>
Подскажите есть какие нибудь варианты решения данной задачи?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
01.08.2014, 23:31
Ответы с готовыми решениями:

Как спозиционировать блок text, чтобы он располагался под именем и слева от аватара?
Чтоб между рамками аватара и рамкой поля для ввода текста в комментарии было б пикселей 15

Как сделать так, чтобы на одной строке были 2 div, один был с левой стороны экрана, второй с правой?
Мне нужно, чтобы заголовок окна был прикреплён к левой части экрана, кнопка к правой. При уменьшении размера окна, чтобы блок с заголовком...

Как сделать так, чтобы картинка обрезалась и заполняла весь блок?
на картинке остаются белые области, требуется их заполнить. Благодарю за помощь

10
1 / 1 / 1
Регистрация: 21.03.2014
Сообщений: 185
04.08.2014, 03:10  [ТС]
Актуальная тема!
0
50 / 50 / 15
Регистрация: 25.04.2014
Сообщений: 106
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>
0
1 / 1 / 1
Регистрация: 21.03.2014
Сообщений: 185
06.08.2014, 20:51  [ТС]
Ваш вариант не срабатывает
0
1 / 1 / 1
Регистрация: 21.03.2014
Сообщений: 185
11.08.2014, 18:13  [ТС]
Решения до сих пор не нашел..
0
Почетный модератор
12274 / 5340 / 268
Регистрация: 05.04.2011
Сообщений: 14,086
Записей в блоге: 2
15.08.2014, 09:08
ссылку на страницу
0
1 / 1 / 1
Регистрация: 21.03.2014
Сообщений: 185
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/
0
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
1 / 1 / 1
Регистрация: 21.03.2014
Сообщений: 185
03.09.2014, 18:19  [ТС]
Цитата Сообщение от samuelabyan Посмотреть сообщение
div-у в css - z-index: 1;
не сработало
0
1 / 1 / 1
Регистрация: 21.03.2014
Сообщений: 185
23.09.2014, 16:29  [ТС]
Тема актуальна)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
23.09.2014, 16:29
Помогаю со студенческими работами здесь

Как сделать так, чтобы div-блок исчез после авторизации на сайте?
В общем, у меня есть форма авторизации на сайте, но после авторизации она не исчезает. Хотя на сайт заходит. &lt;div...

Как сделать так, чтобы мое приложение было поверх других окон?
Всем привет! Есть у меня некое приложение и я хочу сделать так, чтобы оно отображалось поверх всех других окон. Т.е. копаюсь я в браузере...

Как сделать так чтобы моя форма была поверх полноэкранных приложений (например, игр)
Пытаюсь написать программу (C# WPF) наподобие PlayClaw 5, чтобы поверх игры была информация о температурах железа и их загрузке, но не...

Надо сделать так, чтобы JToolTip выдавался прямо поверх строчки в выпадающем меню JCombobox
надо сделать так, чтобы JToolTip выдавался прямо поверх строчки в выпадающем меню JCombobox - есть метод JComponent : Point...

Как сделать так, чтобы gif анимация 1920х1080 с прозрачным фоном была поверх всех окон?
Как сделать так, чтобы gif анимация 1920х1080 с прозрачным фоном была поверх всех окон? Чтобы можно было наблюдать за ней (это мигающий...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
11
Ответ Создать тему
Новые блоги и статьи
Программный контроль заполнения реквизита табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
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. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список
Maks 01.04.2026
Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа
Maks 01.04.2026
Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .
К слову об оптимизации
kumehtar 01.04.2026
Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр).
Hrethgir 31.03.2026
Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда
anaschu 31.03.2026
В прикрепленном документе раздумья о том, как можно поменять модель в будущем
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru