2010-04-01 3 views
1

как мы можем сделать один div спереди на другом div?, работающий в стиле css

+0

В передней части (выше), в передней части (слева), или на верхней части? Чем лучше ваш вопрос, тем лучше качество ответов вы получите. –

+0

Пожалуйста, измените название этого вопроса на что-то большее по теме. –

ответ

0

Используйте z-index property

img 
{ 
position:absolute; 
left:0px; 
top:0px; 
z-index:-1; 
} 

или

Используйте position property

h2 
{ 
position:absolute; 
left:100px; 
top:150px; 
} 
+0

oh wow, это было довольно много сообщений в то же время, все в значительной степени говорили одно и то же. – quoo

2

You can do that with CSS absolute positioning and z-index.

See Demo Here

<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> 
0

Если вы имеете в виду один DIV над другой DIV , вам, вероятно, необходимо найти z-index

0

Вы должны сделать один 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.

См:

Смежные вопросы