[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Перекрывание элементов div
Aleks-prog
Кто знает как сделать перекрывание так чтобы дочерний блок div перекрывался родительским блоком, ОЧЕНЬ НУЖНО, есть такая структура:
Нужно чтобы класс akcii_right(дочерний блок по отношению к классу site) был справа и на половину перекрывался родительским блоком(class="site")

<div class="site"> <!-- начало сайта --!>

<div class="top_menu">

<?php
include("top_menu.php");
?>
</div>

<div class="akcii_left">
<?php
include("akcii.php");
?>

</div>

<div class="akcii_right">
<?php
include("akcii_right.php");
?>
</div>

<div class="footer">
<?php
include("footer_menu.php");
?>
</div>
</div>
<!-- конец сайта --!>




Спустя 2 минуты, 49 секунд (27.09.2011 - 15:56) m4a1fox написал(а):
Кажется надо копать в сторону z-index в стилях

Спустя 9 минут, 3 секунды (27.09.2011 - 16:05) Aleks-prog написал(а):
Да я пытался с помощью z-index что-то весь блок дочерний исчезает даже за фон... хотя должен только за блок с классом site

Спустя 18 часов, 41 минута, 48 секунд (28.09.2011 - 10:47) Aleks-prog написал(а):
помогите кто нибудь с перекрытием элементов, чтобы див справа был наполовину спрятан основным контентным дивом

Спустя 11 часов, 2 минуты, 2 секунды (28.09.2011 - 21:49) Aleks-prog написал(а):
Блин, походу придется заново вырезать картинки, раз не получается их убрать наполовину за фон, жаль, ну ладно, z-index вообще не помогает...

Спустя 11 минут, 17 секунд (28.09.2011 - 22:00) killer8080 написал(а):
Цитата (Aleks-prog @ 28.09.2011 - 21:49)
Блин, походу придется заново вырезать картинки, раз не получается их убрать наполовину за фон, жаль, ну ладно, z-index вообще не помогает...

Что то не то ты делаешь. blink.gif Как это z-index не помогает?
Чтобы z-index работал нужно задать position.

Спустя 27 минут, 46 секунд (28.09.2011 - 22:28) Winston написал(а):
Цитата (killer8080 @ 28.09.2011 - 22:00)
Как это z-index не помогает?
Чтобы z-index работал нужно задать position.

z-index здесь не поможет, т.к. блок right_acii дочерний по отношению к site.
Единственное, это вынести div_acii за пределы site и с помощью position relative и top/right/left/bottom уже ставить на нужное место и + к этому оно будет перекрываться блоком site

Спустя 9 минут, 17 секунд (28.09.2011 - 22:38) killer8080 написал(а):
Цитата (Winston @ 28.09.2011 - 22:28)
z-index здесь не поможет, т.к. блок right_acii дочерний по отношению к site.

нет, нет поможет, проверял smile.gif
нужно дочернему диву задать position: relative и z-index: -1.

Спустя 4 минуты, 56 секунд (28.09.2011 - 22:42) Winston написал(а):
Цитата (killer8080 @ 28.09.2011 - 22:38)
нужно дочернему диву задать position: relative и z-index: -1.

Точно !
Как-то странно получается, я для дочернего тоже задавал -1 а для родительского задавал 999. Но нифига так и не получилось. А вот когда из род. убрал z-index заработало blink.gif

Спустя 5 минут, 11 секунд (28.09.2011 - 22:48) killer8080 написал(а):
Цитата (Winston @ 28.09.2011 - 22:42)
Как-то странно получается, я для дочернего тоже задавал -1 а для родительского задавал 999. Но нифига так и не получилось. А вот когда из род. убрал z-index заработало

не знаю у меня и с родительским работает :)
Свернутый текст
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta
http-equiv="content-type" content="text/html; charset=windows-1251" />
<style
type="text/css">
.parent{
border: 1px solid blue;
background-color: #eef;
width: 500px;
height: 250px;
z-index: 2;
}

.child{
background-color: red;
position: relative;
width: 150px;
height: 25px;
float: right;
margin-right: -20px;
z-index: -1;
}

</style>
<title>
Untitled 1</title>
</head>

<body>

<div
class="parent">
<div
class="child">text textу</div>

</div>

</body>
</html>
он собственно влиять не может, если у блока position не назначен.

Спустя 2 минуты, 25 секунд (28.09.2011 - 22:50) Winston написал(а):
Цитата (killer8080 @ 28.09.2011 - 22:48)
если у блока position не назначен

А у меня был dry.gif

Спустя 10 часов, 46 минут, 2 секунды (29.09.2011 - 09:36) Aleks-prog написал(а):
Спасибо, просуммирую информацию, попробую, а то вообще уже, может у меня просто какой то своеобразный код, что браузер не воспринимает ничего, я пробовал z-index с position absolute не помогло, буду пробовать предложенные варианты, отпишусь потом что помогло а что нет smile.gif
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.