<rmcreative>

RSS

Перекрываем 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

  1. №992
    Илья 'Зайко' aka Killich
    Илья 'Зайко' aka Killich 21.12.2008, 16:05:44

    Да помогает. правда это второе место где вижу подобное решение.

    тут поаккуратнее и почище написано. здорово - спасибо.

    однако вот момент - сразу после вставки iframe блок стал дергаться.

    по совету с сайта Темы Лебедева зафиксировал бэкграунд боди. вроде помогло, но после отображения слоя - использующего данное решение - прокрутка страницы начинает тормозить. собсно - вот так.

  2. №1201
    Игорь Фролов
    Игорь Фролов 05.02.2009, 10:03:54

    Все это отлично, вот только при задании для <body> background-attachment: fixed; при прокрутке 'ы опять "проявляются"

  3. №1480
    Андрей
    Андрей 10.04.2009, 18:16:18

    не очень здорово!

    но вот если div не фиксированый, а тянется.. то как быть?

    iframe — не понимает высоту 100% и ширину 100%..

  4. №1481
    Sam
    Sam 10.04.2009, 19:19:13

    width и height у iframe задаются в px. Можно попробовать задать в CSS.

  1. Почта опубликована не будет.

  2. Можно использовать синтаксис Markdown или HTML.

  3. Введите ответ в поле. Щёлкните, чтобы получить другую задачу.