Jump to content

hel

Newbie
  • Posts

    2
  • Joined

  • Last visited

hel's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Делаю выпадающее меню, 3 уровня. Проблема в том что 2-й уровень должен иметь св-во overflow-y:scroll; так как пунктов может быть ооочень много. Из-за этого 3-й уровень не выходит за пределы 2-го. Кто сталкивался подскажите как решить проблему. Код ниже <style> ul.layer1 li {position:relative;} ul.layer2 {display:none; position:absolute; background:#fff; overflow-y:scroll; border:1px solid silver; padding:10px; top:10px; left:10px; z-index:100; list-style:none;width:150px; } ul.layer1 li:hover ul.layer2 {display:block;height:200px; z-index:100;} ul.layer3 {display:none; border:1px solid silver; position:absolute; background:#fff; padding:10px; top:10px; left:10px; z-index:200; list-style:none;width:150px; } ul.layer2 li:hover ul.layer3{display:block;height:200px; overflow-y:scroll; z-index:100;} </style> <ul class="layer1"> <li><a href="#">Анапа</a> <ul class="layer2"> <li><a href="#">Севастопольский район 1</a> <ul class="layer3"> <li><a href="#">Сочи 1</a></li> <li><a href="#">Сочи 2</a></li> <li><a href="#">Сочи 3</a></li> <li><a href="#">Сочи 4</a></li> </ul> </li> <li><a href="#">...</a></li> <li><a href="#">Севастопольский район n</a></li> </ul> </li> <li><a href="#">Геленджик</a></li> <li><a href="#">Туапсе</a></li> </ul> извиняюсь за опечатку в названии темы
  2. из ul li уберите position: relative; и ставьте его при событии hover на ul li (ul li:hover), только для ие6 нужен будет небольшой скриптик чтобы научить его понимать ul li:hover
×
×
  • 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