как мы можем сделать один div спереди на другом div?, работающий в стиле css
ответ
Используйте z-index property
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
или
Используйте position property
h2
{
position:absolute;
left:100px;
top:150px;
}
oh wow, это было довольно много сообщений в то же время, все в значительной степени говорили одно и то же. – quoo
You can do that with CSS absolute positioning and z-index.
<style type="text/css">
div { border:1px solid black; }
.infront {
background-color:#ff9900;
width:100px;
height: 100px;
position: relative;
top: 10;
left:80;
z-index: 2;
}
.behind {
background-color:#eeeeee;
width:100px;
height: 100px;
position: relative;
top: -60;
left:35;
z-index: 1;
}
</style>
<div class="infront">
In front
</div>
<div class="behind">
Behind
</div>
Используйте абсолютное позиционирование в CSS:
#divbox {
position: absolute;
top: 0;
right: 0;
}
Там также большая статья о позиционировании элементов в CSS:
http://www.barelyfitz.com/screencast/html-training/css/positioning/
Если вы имеете в виду один DIV над другой DIV , вам, вероятно, необходимо найти z-index
Набор z-index
Вы должны сделать один DIV дивы с position:relative
или position:absolute
и добавить значение из z-index
, например .:
<!-- Assuming that this is the only content of the <body> element -->
<div style="position:absolute; z-index:10; top:10px; height:40px;"></div>
<div style="height:500px;"></div>
Чтобы различать, добавить твердую границу с DIVs.
См:
- 1. CSS классы в стиле
- 2. Кнопки в стиле CSS
- 3. Стилизация CSS в стиле Joomla?
- 4. Сброс в стиле CSS встроенный
- 5. Проблема в стиле CSS UpdateProgress
- 6. HTML5 В стиле видео CSS?
- 7. Определить размер текста в стиле CSS в стиле JavaFX/force?
- 8. вставки в стиле теги CSS в файл .css
- 9. Как прокрутить тег div в стиле CSS?
- 10. Простые звонки в стиле JQuery Css
- 11. Как размыть фотографию баннера в стиле CSS?
- 12. Разделение меню навигации в стиле сетки CSS
- 13. Элемент CSS в стиле по умолчанию
- 14. Как переопределить CSS в стиле Inline?
- 15. 3D-объект в стиле JavaFx с css
- 16. Вкладки в стиле Safari с Javascript/CSS
- 17. Как использовать переменную PHP в стиле CSS?
- 18. Использование PHP шорткод в стиле HTML = «» CSS
- 19. CSS-псевдоэлемент в стиле встроенного атрибута
- 20. Форматирование CSS в стиле Wordpress Класс
- 21. min-width не работает в стиле css
- 22. Что делать квадратные скобки в стиле css?
- 23. Передача переменной в стиле css для javascript
- 24. Выбрать элемент, не работающий в CSS
- 25. CSS Background-Position, не работающий в .class
- 26. Стиль CSS-теней, не работающий в IE9?
- 27. Класс Css, не работающий в промежутке
- 28. Javascript/css, работающий в IE 8
- 29. Медиа-запрос, не работающий в файле css
- 30. CSS только тумблер, не работающий в ReactJs
В передней части (выше), в передней части (слева), или на верхней части? Чем лучше ваш вопрос, тем лучше качество ответов вы получите. –
Пожалуйста, измените название этого вопроса на что-то большее по теме. –