Установка иерархии перекрывающихся элементов Div без позиции: абсолют

Question

0

В простом случае перекрытия divs

<div id='first'>
    first
</div>

<div id='second'>
    second
</div>

CSS: -

#second {
    margin-top: -18px;
    background: #fff;
}

Как вы обеспечиваете second div-шоу над first div, причем # #first не видно (в перекрывающейся области)?

Я не хочу делать любую position:absolute div position:absolute.

Sangram Singh 20 окт. 2013, в 00:45

Теги:

2 ответа

1

Как сказал Чаусер, используйте z-index, а также позицию: relative;

#second {
  position:relative;
  z-index:2;
}

Tony Barnes 19 окт. 2013, в 19:31

Chausser · Accepted Answer · 2013-10-19T20-22-00.000Z

Вы захотите использовать z-index. Сделайте второй более высокий z-индекс

@SangramSingh для этого нужно только объявление position , вы можете использовать position: relative; lative position: relative; а также z-index jsfiddle.net/76xp2/1