Модераторы: Illuminaty

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> z-index у селекта в ИЕ, Самый большой z-index? 
V
    Опции темы
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. Как с этим можно бороться (нужно, чтобы див перекрывал селект)?
Лучше всего, если решение будет состоять в изменении стилей (не затрагивая верстку).


--------------------
PM MAIL ICQ   Вверх
R.M.
Дата 20.2.2006, 18:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

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



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

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


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

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Alx
Дата 20.2.2006, 19:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


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

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



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


--------------------
PM MAIL WWW ICQ   Вверх
R.M.
Дата 21.2.2006, 11:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

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



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


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

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Ignat
Дата 21.2.2006, 12:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Флудератор
****


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

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



Цитата(Куксикус @ 21.2.2006, 11:19 Найти цитируемый пост)
Alx, почему это непоможет?

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


--------------------
Теперь при чем :P
PM   Вверх
Burrr
Дата 21.2.2006, 12:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



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


--------------------
PM MAIL ICQ   Вверх
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;
}



--------------------
PM MAIL ICQ   Вверх
Ignat
Дата 1.3.2006, 16:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Флудератор
****


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

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



Цитата(Burrr @ 28.2.2006, 11:42 Найти цитируемый пост)
вот пример:

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


--------------------
Теперь при чем :P
PM   Вверх
Ciber SLasH
Дата 1.3.2006, 19:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



Цитата(Ignat @ 1.3.2006, 16:44 Найти цитируемый пост)
А что там нужно увидеть?

Там нужно увидеть по ходу tooltip, который всплывает, если навести курсор на ссылку, которая находится чуть выше SELECT-а. А фишка в том, что этот tooltip успешно перекрывает SELECT. smile
PM   Вверх
Alx
Дата 1.3.2006, 23:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


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

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



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


--------------------
PM MAIL WWW ICQ   Вверх
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.
PM   Вверх
Burrr
Дата 3.3.2006, 10:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



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

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


--------------------
PM MAIL ICQ   Вверх
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.

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


--------------------
PM MAIL WWW ICQ   Вверх
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


--------------------
PM MAIL WWW ICQ   Вверх
R.M.
Дата 3.3.2006, 15:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


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

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



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


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

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Ciber SLasH
Дата 3.3.2006, 16:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



Цитата(Alx @ 3.3.2006, 14:27 Найти цитируемый пост)
smile не думаю..........

Там IFRAME действительно используется, но только для IE.

Ох и замутили они там, закодировали всё, что бы никто не догадался как работает.
Я раскодировал закодированные строки, может кто-то захочет разобраться...

Это сообщение отредактировал(а) Ciber SLasH - 3.3.2006, 16:01

Присоединённый файл ( Кол-во скачиваний: 59 )
Присоединённый файл  Fixed.zip 3,87 Kb
PM   Вверх
Alx
Дата 3.3.2006, 17:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


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

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



Ciber SLasH,
не путайте людей smile

глюк с тем, что select рисуется выше всех остальных элементов - глюк только IE.
остальные браузеры и так работают нормально.
единственный (из подхожящих) элементов, который API IE рисует выше select`а - это IFRAME.
поэтому тултипы запихивают в iframe.
далее iframe запихивают в абсолютно позиционированный див, в котором ранее был текст тултипа и который передвигается скриптом при mouseover`е на объект.
ничего сложного в этом нет.
для примера я добавил select и iframe в плавающем div`е в свой скрипт. Там вы можете по перетаскивать div`ы на select и убедится, что перекрывает его только iframe, который находится внутри DIV`а.

Цитата

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

чё?
Добавлено @ 17:03
Цитата(Ciber SLasH @ 3.3.2006, 16:00 Найти цитируемый пост)
Ох и замутили они там, закодировали всё, что бы никто не догадался как работает.

да там догадываться нечего. тем более, что вся работа скрипта описана на сайте.
а закодировали, потому что это библиотека, сжали её просто, чтоб меньше места занимала и быстрее грузилась.
Добавлено @ 17:06


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


--------------------
PM MAIL WWW ICQ   Вверх
Ciber SLasH
Дата 3.3.2006, 17:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

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



Цитата(Alx @ 3.3.2006, 17:01 Найти цитируемый пост)
глюк с тем, что select рисуется выше всех остальных элементов - глюк только IE.

Точно, я совсем запутался, ссори. smile
PM   Вверх
Burrr
Дата 3.3.2006, 17:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Ciber SLasH , Alx спасибо, теперь всё прояснилось.



--------------------
PM MAIL ICQ   Вверх
Alx
Дата 3.3.2006, 17:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


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

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



Цитата(Ciber SLasH @ 3.3.2006, 17:14 Найти цитируемый пост)
Точно, я совсем запутался, ссори. 

бывает smile

Цитата(Burrr @ 3.3.2006, 17:21 Найти цитируемый пост)
Ciber SLasH , Alx спасибо, теперь всё прояснилось.

заходите ещё)


--------------------
PM MAIL WWW ICQ   Вверх
liliana2
Дата 21.1.2009, 08:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



А кто поможет? проблема почти такая же, есть выпадающее меню и фиолетовые блоки, как сделть чтобы в ие6 выпадающий список выпадал над блоками а не под ними?

Это сообщение отредактировал(а) liliana2 - 21.1.2009, 17:21
PM MAIL ICQ   Вверх
liliana2
Дата 21.1.2009, 08:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Проблему решила прописав z-индекс у родителя

Это сообщение отредактировал(а) liliana2 - 21.1.2009, 13:04
PM MAIL ICQ   Вверх
Страницы: (2) [Все] 1 2 
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1157 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.