Отображение элемента поверх всех других

kidar2 · June 8, 2012

Добрый день.

Как сделать чтобы элемент, который находится внутри другого с overflow: hidden, отображался поверх всех других?

<!DOCTYPE html >

<html>

<head>

.inner

{

position: absolute;

top: 150px;

left: 150px;

}

.outer

{

overflow: hidden;

width: 100px;

height: 100px;

position: relative;

}

</style>

</head>

<body>

Content

</div>

</body>

</html>

Нужно чтобы Content всегда отображался.

Стиль position: fixed для inner не подходит, т.к. в этом случае в моей задаче придётся делать расчёты top, left относительно всей страницы, что серъёзно повлияет на производительность.

NeoXidizer · June 8, 2012

overflow: hidden - не отображать то, что вышло за рамки объекта.

Вы же задали элементу outer фиксированную ширину и высоту - 100px, а элемент с классом inner через position:absolute поместили за рамки элемента с классом outer на 150px. Либо увеличьте фиксированную ширину/высоту, либо помещайте дочерний элемент в пределах родительского

Avalon4eg · June 8, 2012

У вас элемент inner позиционируется относительно элемента outer в положение x 150 y 150 - а размеры outer 100 на 100 - может проблема в этом?

kidar2 · June 8, 2012

Нет, все размеры заданы верно, условия как раз такие, что внутренний элемент находится за пределами родителя, но при этом нужно отображать его, даже если overflow:hidden.

Avalon4eg · June 8, 2012

это как с сусликом в дмб?

Sign In

Отображение элемента поверх всех других

Question

kidar2

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

NeoXidizer

Link to comment

Share on other sites

Avalon4eg

Link to comment

Share on other sites

kidar2

Link to comment

Share on other sites

Avalon4eg

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information