z-index - HTML и CSS

nXs · 07.07.2013, 21:44

Здравствуйте. Есть конструкция типа:

PHP код:


			
    <div class="content_back">



        </div>

        <div class="main_menu"> //css<- z-index:2;

            <ul>

                <li><a href="#">1</a></li>

                <li><a href="#">2</a></li>

                <li><a href="#">3</a></li>

                <li><a href="#">4</a></li>

                <li><a href="#">5</a></li>

            </ul>

        </div>

        </div>

        <img src="images/l_dimg.png" alt="" style="z-index:1;float:left;position:absolute;margin-top:-71px;"></div>

Нужно чтобы картинка была под списком, но она почемуто перед, где я не прав?

xDyPx · 08.07.2013, 16:17

Почему открывающихся дивов - 2 штука, а закрывающихся - 4 штука о_О ?

nXs · 08.07.2013, 19:41

Эт я просто неправильно набрал, вот код страницы полностью:

PHP код:


			
<body>
    <div class="content_back">
        <div style="width:100%;height:97%;"><img  src="images/header.png" alt="" style="">
            <img  src="images/m_uimg.png" alt="" style="float:right;position:absolute;margin-left:-81px;">
            <div class="links">
                <div class="link"><a href="">Официальный сайт:</a><img src="images/screen/official.jpg"></div>
            </div>
            <div class="main_menu">
                <ul>
                                                <li><a href="#">1</a></li> 
                                               <li><a href="#">2</a></li> 
                                                <li><a href="#">3</a></li> 
                                                 <li><a href="#">4</a></li> 
                                                 <li><a href="#">5</a></li>
                </ul>
            </div>
            <img src="images/l_dimg.png" alt="" style="float:left;position:absolute;margin-top:-71px;z-index:1;">
        </div>
        
    </div>
</body>

Вадим Мошев · 08.07.2013, 23:39

В коде разбирался крайне поверхностно. Установите для списка z-index как можно больше. Насколько я понимаю, подразумевается, что он должен перекрывать абсолютно всё.

nXs · 09.07.2013, 00:22

Спасибо за совет, я так пробывал, не вышло. Сделал по другому, картинке - position:absolute, а div-y который содержит список - position:static. После этого z-index начал работать.

yaskin · 13.07.2013, 11:19

z-index работает только для элементов у которых установлено свойство position

07.07.2013, 21:44	#1
nXs Форумчанин Регистрация: 26.02.2010 Сообщений: 126	z-index Здравствуйте. Есть конструкция типа: PHP код: <div class="content_back"> </div> <div class="main_menu"> //css<- z-index:2; <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> </ul> </div> </div> <img src="images/l_dimg.png" alt="" style="z-index:1;float:left;position:absolute;margin-top:-71px;"></div> Нужно чтобы картинка была под списком, но она почемуто перед, где я не прав?

08.07.2013, 16:17	#2
xDyPx Форумчанин Регистрация: 21.01.2009 Сообщений: 148	Почему открывающихся дивов - 2 штука, а закрывающихся - 4 штука о_О ? МОЙ САЙТ Компьютер позволяет решать все те проблемы, которые до появления компьютера не существовали.

08.07.2013, 19:41	#3
nXs Форумчанин Регистрация: 26.02.2010 Сообщений: 126	Эт я просто неправильно набрал, вот код страницы полностью: PHP код: <body> <div class="content_back"> <div style="width:100%;height:97%;"><img src="images/header.png" alt="" style=""> <img src="images/m_uimg.png" alt="" style="float:right;position:absolute;margin-left:-81px;"> <div class="links"> <div class="link"><a href="">Официальный сайт:</a><img src="images/screen/official.jpg"></div> </div> <div class="main_menu"> <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> </ul> </div> <img src="images/l_dimg.png" alt="" style="float:left;position:absolute;margin-top:-71px;z-index:1;"> </div> </div> </body> Последний раз редактировалось nXs; 08.07.2013 в 19:45.

13.07.2013, 11:19	#6
yaskin Форумчанин Регистрация: 10.01.2011 Сообщений: 112	z-index работает только для элементов у которых установлено свойство position Для спасибо весы слева

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
mod_rewrite: все на index.php без www и index.php	TrydORgolik	PHP	2	18.02.2013 18:19
z-index	lansh	HTML и CSS	7	13.11.2012 16:10
XML INDEX	Gregor	SQL, базы данных	0	02.06.2012 10:52
Index.php	Holyman	WordPress и другие CMS	3	05.04.2012 19:30
<index></index>	DrStrangeLove	HTML и CSS	1	08.10.2010 21:38

08.07.2013, 23:39	#4
Вадим Мошев Старожил Регистрация: 12.11.2010 Сообщений: 8,568	В коде разбирался крайне поверхностно. Установите для списка z-index как можно больше. Насколько я понимаю, подразумевается, что он должен перекрывать абсолютно всё.

09.07.2013, 00:22	#5
nXs Форумчанин Регистрация: 26.02.2010 Сообщений: 126	Спасибо за совет, я так пробывал, не вышло. Сделал по другому, картинке - position:absolute, а div-y который содержит список - position:static. После этого z-index начал работать.