Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
2 / 0 / 1
Регистрация: 14.02.2013
Сообщений: 29
1

Позиционирование вложенных блоков (z-index)

28.07.2014, 23:19. Просмотров 862. Ответов 4
Метки нет (Все метки)

Доброго времени суток! Помогите пожалуйста решить проблемку: есть два вложенных div
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 bordovyi-fon-verh">
           
            <div class="mini-menu">
   <ul>
      <li>
    <a href="#">Пункт Меню - 1</a>
    <ul>
       <li><a href="#">Ссылка - 1</a></li>
       <li><a href="#">Ссылка - 2</a></li>
       <li><a href="#">Ссылка - 3</a></li>
    
    </ul>
      </li>
      <li>
    <a href="#">Пункт Меню - 2</a>
    <ul>
       <li><a href="#">Ссылка - 1</a></li>
       <li><a href="#">Ссылка - 2</a></li>
       <li><a href="#">Ссылка - 3</a></li>
       
     </ul>
     </li>
    
     
    </ul>
  </div>
            </div>
первому блоку уже был задан z-index:4000;
Второй блок должен быть поверху, но какой бы z-index я не задавал, вывести его наверх не получается.
При этом, при отключении фона первого блока, второй под ним есть.
Как мне вывести меню поверх?
Вот сss этих дивов
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.mini-menu{
    position:relative;
    max-width: 100%;
    margin: 0px auto;
    font: normal 14px Helvetica, Arial, sans-serif;
     margin-top: -400px;
    z-index:5000;
}
.bordovyi-fon-verh{
    position: relative;
    margin-top: -907px;
background:#6a0a16; 
height:1200px;
z-index: 4000;
 
}
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
28.07.2014, 23:19
Ответы с готовыми решениями:

Позиционирование блоков с помощью z-index
вот пример. &lt;div class=main&gt; &lt;div class=&quot;time&quot;&gt;21:30&lt;/div&gt; &lt;div...

Позиционирование блоков
Доброго вечера форумчане. При написании js скрипта возникла проблема касающаяся html, проблема...

Позиционирование 3 блоков
Добрый вечер. Помогите разобраться. имеются 2 блока( со списками &lt;li&gt;) а ниже блок с картинками....

Позиционирование блоков
у меня есть 3 блока у каждого есть небольшая картинка и под картиной текст. как можно их выровнять...

4
364 / 402 / 165
Регистрация: 29.05.2014
Сообщений: 1,494
28.07.2014, 23:44 2
Нда, что называется звиздец в квадрате. Ты бы сразу миллионные значения задавал, ну что бы наверняка уже.
Позволь спросить где ты хочешь увидеть своё меню при таких отступах margin-top: -907px-400px;???
0
102 / 102 / 39
Регистрация: 25.02.2014
Сообщений: 321
28.07.2014, 23:45 3
ozimandius, margin свои отрицательные поубирай, у тебя меню из-за них в не поле зрения, за областью просмотра, а не из-за z-index.
0
21 / 13 / 6
Регистрация: 19.07.2014
Сообщений: 115
29.07.2014, 00:11 4
z-index для блоков внутри блока у которого есть тоже z-index, не работает, только для блоков одного уровня, если это то о чем вы спрашиваете), и вообще соглашусь с остальными - так оно и есть, нужно чтобы блок был в поле зрения)))
0
2 / 0 / 1
Регистрация: 14.02.2013
Сообщений: 29
29.07.2014, 23:00  [ТС] 5
мда, как-то глупо вышло)) благодарю, что указали на 3 сосны, в которых я почти день гулял)))
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
29.07.2014, 23:00

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Позиционирование блоков
Всем привет, возник вопрос как правильно позиционировать блоки &quot;плиткой&quot;? Вот скрин того что...

Позиционирование блоков
Добрый вечер уважаемые форумчане, Столкнулся с проблемой позиционирования блоков изображений. Я...

Позиционирование блоков
Доброго времени суток. Страница должны заканчиваться с красным блоком. Почему правый блок ушел...

Позиционирование блоков
Доброе время суток! Такая проблема: к2, к3 имеют float: right; k4, k5, k6 имеют float:left; Как...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.