Jump to content

aronsky

Newbie
  • Posts

    7
  • Joined

  • Last visited

aronsky's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Спасибо! Это оно. Получается, что проблема была из-за того, что контейнеру .top-wrap был присвоен z-index: 2? Но я же присваивал потом внутренним элементам большее значение. Получается, что z-index тоже размещает элемент выше другого элемента только в том случае, если родительский контейнер не находится ниже него? Или как объяснить это явление? В справочнике ничего про такие свойства z-index не сказано.
  2. jQuery годится? Я помню я это делал с помощью этого плагина: grayscale.
  3. Поменял на visible. Появляется над бэкграундом блоков, но под их текстом. Я, наверное, что-то не понимаю. Я поставил для .bottom-mask 20, для ul.navmenu 50 и даже для каждого вложенного элемента добавил z-index (не смотря на то, что он наследуется). Посмотрите, что получается: http://jsfiddle.net/rRw9x/28/
  4. Вот-вот: код из примера работает, а когда верстаю страницу - получается не то. Залил мой код на jsfiddle: http://jsfiddle.net/aronsky/rRw9x/22/ Простите за цвета - они выбраны для наглядности. В коде можно увидеть 7 блоков li с анкором testimonials, в то время, как отображается всего 5.
  5. IE9 корректно поддерживает box-shadow. Более ранние заменяются с помощью фильтра: filter: progid:DXImageTransform.Microsoft.shadow(direction={направление тени в градусах}, color={цвет}, strength={смещение}); Для старых браузеров на webkit к box-shadow добавляется -webkit-, для лисы - аналогично - moz.
  6. Делаю выпадающее меню. Структура такая: Код HTML: <div class="top_container"> <div class="menu"> <ul class="nav_menu"> <li>Item1</li> <li>Item2</li> <li>ItemN</li> </ul> </div> <div class="mask"> </div> </div> <div class="main_container"> </div> Мне надо, чтоб элементы из ul выводились поверх всего, в т.ч. и блока "main_container". В таблице стилей у меня прописано Код: ul.nav_menu { position: absolute; overflow: visible; disaply: block; z-index: 1000; } .mask { position: absolute; disaply: block; z-index: 500; } .main_container { position: absolute; disaply: block; z-index: 2; } Проблема в том, что блок ul отображается всегда под блоком main_container. Над блоком mask он отображается только при установке z-index для mask меньше 2. Добавляю исходник с примером. Буду благодарен за любую помощь.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy