VPF::z-index у селекта в ИЕ - Форум программистов

Burrr

Дата 20.2.2006, 16:37 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 459
Регистрация: 4.9.2005

Репутация: 5
Всего: 20

Вот образец кода

Код


<script>
function script()
{
    document.getElementById("sp_1").innerHTML="<div class=help_style><br><br><br><br><br></div>"
    return false;
}
</script>
<style>
div.help_style{position:absolute;border:1px solid #0958A6;background-color:#F5F5F5;width:180px;z-index:100}
</style>
<span id=sp_1><a onclick="return script();" href="">click</a></span><br>
<select><option>1<option>2<option>3<option>4</select>

В ИЕ непонятно по какой причине селект отображается в более высоком слое, чем вспляывающий див с z-index:100. Как с этим можно бороться (нужно, чтобы див перекрывал селект)?
Лучше всего, если решение будет состоять в изменении стилей (не затрагивая верстку).

--------------------

JavaScript на fastcoder, sqlinfo.ru

R.M.

Дата 20.2.2006, 18:15 (ссылка)

(нет голосов)

Загрузка ...

Анархист

Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30

Засунь селект в див у которого будет меньший z-index

Это сообщение отредактировал(а) Куксикус - 20.2.2006, 18:16

--------------------

Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia

Alx

Дата 20.2.2006, 19:06 (ссылка)

(нет голосов)

Загрузка ...

Ajaxy

Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 1
Всего: 78

это не поможет...
исправить никак нельзя.
пользуйтесь пожалуйста посиком перед заданием таких вопросов.
пасиб.

--------------------

R.M.

Дата 21.2.2006, 11:19 (ссылка)

(нет голосов)

Загрузка ...

Анархист

Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30

Alx, почему это непоможет? у него нету дива который должен перекрываца вот он и не перекрываеца в осле

--------------------

Ignat

Дата 21.2.2006, 12:15 (ссылка)

(нет голосов)

Загрузка ...

Флудератор

Профиль
Группа: Экс. модератор
Сообщений: 4030
Регистрация: 19.4.2004
Где: غيليندزيك مدينة

Репутация: нет
Всего: 73

Цитата(Куксикус @ 21.2.2006, 11:19

)

Alx, почему это непоможет?

Потому как селект будет прорисован средствами WinAPI. И хоть заверстайся, но доступ к апи из html документа не получишь.

--------------------

Теперь при чем :P

Burrr

Дата 21.2.2006, 12:24 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 459
Регистрация: 4.9.2005

Репутация: 5
Всего: 20

Жаль, очень было нужно.
Всем спасибо!

--------------------

JavaScript на fastcoder, sqlinfo.ru

Burrr

Дата 28.2.2006, 11:42 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 459
Регистрация: 4.9.2005

Репутация: 5
Всего: 20

Оказалось, что проблема решабельна, вот пример:
http://www.dyn-web.com/dhtml/tooltips/tooltip-selects.html#
Куксикус был прав, выношу стили для селекта и ДИВа:

Код


div.select { text-align:center; margin-bottom:1.6em }

/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#dee7f7; border:1px solid #336; 
  width:250px; padding:4px;
  color:#000; font-size:11px; line-height:1.2;
}

--------------------

JavaScript на fastcoder, sqlinfo.ru

Ignat

Дата 1.3.2006, 16:44 (ссылка)

(нет голосов)

Загрузка ...

Флудератор

Профиль
Группа: Экс. модератор
Сообщений: 4030
Регистрация: 19.4.2004
Где: غيليندزيك مدينة

Репутация: нет
Всего: 73

Цитата(Burrr @ 28.2.2006, 11:42

)

вот пример:

А что там нужно увидеть?

--------------------

Теперь при чем :P

Ciber SLasH

Дата 1.3.2006, 19:32 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67

Цитата(Ignat @ 1.3.2006, 16:44

)

А что там нужно увидеть?

Там нужно увидеть по ходу tooltip, который всплывает, если навести курсор на ссылку, которая находится чуть выше SELECT-а. А фишка в том, что этот tooltip успешно перекрывает SELECT. smile

Alx

Дата 1.3.2006, 23:32 (ссылка)

(нет голосов)

Загрузка ...

Ajaxy

Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 1
Всего: 78

че т лень разбираться, они что - рисуют динамический iframe? smile

--------------------

Ciber SLasH

Дата 1.3.2006, 23:44 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67

Цитата(Alx @ 1.3.2006, 23:32

)

они что - рисуют динамический iframe? smile

Никаких IFRAME-ов. Там просто SELECT вписывают в DIV, а tooltip-у задают абсолютную позицию и большой z-index.

Burrr

Дата 3.3.2006, 10:21 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 459
Регистрация: 4.9.2005

Репутация: 5
Всего: 20

Ээхх, не могу разобраться.
Ставлю себе такие же стили, как здесь http://www.dyn-web.com/dhtml/tooltips/tooltip-selects.html#, заключаю select в див. Все равно селект в ИЕ перекрывает тултип!

Кто-нибудь может привести небольшой пример работающего нормально кода (по образцу первого поста желательно - там совсем немного надо заменить...). smile

--------------------

JavaScript на fastcoder, sqlinfo.ru

Alx

Дата 3.3.2006, 14:27 (ссылка)

(нет голосов)

Загрузка ...

Ajaxy

Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 1
Всего: 78

Цитата(Ciber SLasH @ 1.3.2006, 23:44

)

Никаких IFRAME-ов. Там просто SELECT вписывают в DIV, а tooltip-у задают абсолютную позицию и большой z-index.

не думаю..........

--------------------

Alx

Дата 3.3.2006, 14:47 (ссылка)

(нет голосов)

Загрузка ...

Ajaxy

Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 1
Всего: 78

Burrr,
всё, что тебе нужно это запихнуть содержимое тултипа в iframe, а iframe уже внутри абсолютно позиционированного дива (где раньше был текст тултипа).
iframe перекроет все селекты и будет тебе счастье)
у селекта никаких стилей прописывать не надо.

для примера запихнул эту фичу в свой скрипт, вот тут посмотри -

http://soft.flyweb.in/smal/JsDragObjs/

пример демонстриует только то, что iframe перекрывает select. никакиъ тултипов там нет)

Это сообщение отредактировал(а) Alx - 3.3.2006, 14:48

--------------------

R.M.

Дата 3.3.2006, 15:57 (ссылка)

(нет голосов)

Загрузка ...

Анархист

Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30

Да вобще это бред. Если нужно выключить селект то есть свойство disabled, а "извращения" в вёрстке всёравно обойдут.

--------------------

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »