Перекрываем select в IE6
29 июня 2007
Как известно, select в IE6 штука глючная и на z-index не реагирует. Из-за этого часто возникают проблемы с реализацией различных меню и подсказок. Существует мнение, что решения нет, но это не так:
.ns{ border: 2px solid #f00; position: absolute; left: 50px; top: 10px; width: 150px; height: 150px; } .nsframe{ z-index: -1; position: absolute; top: 0px; left: 0px; width: 146px; height: 146px; }
<div class="ns"> <IFRAME class="nsframe" scrolling="no" frameborder="0"></IFRAME> Здесь информация Здесь информация Здесь информация Здесь информация Здесь информация Здесь информация</div> <select name="nameSelect"> <option value="1">название</option> <option value="1">название</option> <option value="1">название</option> <option value="1">название</option> <option value="1">название</option> </select>
Комментарии RSS по email OK
Да помогает. правда это второе место где вижу подобное решение.
тут поаккуратнее и почище написано. здорово - спасибо.
однако вот момент - сразу после вставки iframe блок стал дергаться.
по совету с сайта Темы Лебедева зафиксировал бэкграунд боди. вроде помогло, но после отображения слоя - использующего данное решение - прокрутка страницы начинает тормозить. собсно - вот так.
Все это отлично, вот только при задании для <body> background-attachment: fixed; при прокрутке 'ы опять "проявляются"
не очень здорово!
но вот если div не фиксированый, а тянется.. то как быть?
iframe — не понимает высоту 100% и ширину 100%..
width и height у iframe задаются в px. Можно попробовать задать в CSS.