Цитата(Куксикус @ 21.2.2006, 11:19  ) |
| Alx, почему это непоможет? |
Потому как селект будет прорисован средствами WinAPI. И хоть заверстайся, но доступ к апи из html документа не получишь.
| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > z-index у селекта в ИЕ |
| Автор: Burrr 20.2.2006, 16:37 | ||
Вот образец кода
В ИЕ непонятно по какой причине селект отображается в более высоком слое, чем вспляывающий див с z-index:100. Как с этим можно бороться (нужно, чтобы див перекрывал селект)? Лучше всего, если решение будет состоять в изменении стилей (не затрагивая верстку). |
| Автор: R.M. 20.2.2006, 18:15 |
| Засунь селект в див у которого будет меньший z-index |
| Автор: Alx 20.2.2006, 19:06 |
| это не поможет... исправить никак нельзя. пользуйтесь пожалуйста посиком перед заданием таких вопросов. пасиб. |
| Автор: R.M. 21.2.2006, 11:19 |
| Alx, почему это непоможет? у него нету дива который должен перекрываца вот он и не перекрываеца в осле |
| Автор: Ignat 21.2.2006, 12:15 | ||
Потому как селект будет прорисован средствами WinAPI. И хоть заверстайся, но доступ к апи из html документа не получишь. |
| Автор: Burrr 21.2.2006, 12:24 |
| Жаль, очень было нужно. Всем спасибо! |
| Автор: Burrr 28.2.2006, 11:42 | ||
| Оказалось, что проблема решабельна, вот пример: http://www.dyn-web.com/dhtml/tooltips/tooltip-selects.html# Куксикус был прав, выношу стили для селекта и ДИВа:
|
| Автор: Ignat 1.3.2006, 16:44 | ||
А что там нужно увидеть? |
| Автор: Ciber SLasH 1.3.2006, 19:32 | ||
Там нужно увидеть по ходу tooltip, который всплывает, если навести курсор на ссылку, которая находится чуть выше SELECT-а. А фишка в том, что этот tooltip успешно перекрывает SELECT.  |
| Автор: Alx 1.3.2006, 23:32 |
че т лень разбираться, они что - рисуют динамический iframe?  |
| Автор: Ciber SLasH 1.3.2006, 23:44 | ||
Никаких IFRAME-ов. Там просто SELECT вписывают в DIV, а tooltip-у задают абсолютную позицию и большой z-index. |
| Автор: Burrr 3.3.2006, 10:21 |
| Ээхх, не могу разобраться. Ставлю себе такие же стили, как здесь http://www.dyn-web.com/dhtml/tooltips/tooltip-selects.html#, заключаю select в див. Все равно селект в ИЕ перекрывает тултип! Кто-нибудь может привести небольшой пример работающего нормально кода (по образцу первого поста желательно - там совсем немного надо заменить...).  |
| Автор: Alx 3.3.2006, 14:27 | ||
 не думаю.......... |
| Автор: Alx 3.3.2006, 14:47 |
| Burrr, всё, что тебе нужно это запихнуть содержимое тултипа в iframe, а iframe уже внутри абсолютно позиционированного дива (где раньше был текст тултипа). iframe перекроет все селекты и будет тебе счастье) у селекта никаких стилей прописывать не надо. для примера запихнул эту фичу в свой скрипт, вот тут посмотри - http://soft.flyweb.in/small/JsDragObjs/ пример демонстриует только то, что iframe перекрывает select. никакиъ тултипов там нет) |
| Автор: R.M. 3.3.2006, 15:57 |
| Да вобще это бред. Если нужно выключить селект то есть свойство disabled, а "извращения" в вёрстке всёравно обойдут. |
| Автор: Ciber SLasH 3.3.2006, 16:00 | ||
Там IFRAME действительно используется, но только для IE. Ох и замутили они там, закодировали всё, что бы никто не догадался как работает. Я раскодировал закодированные строки, может кто-то захочет разобраться... |
| Автор: Alx 3.3.2006, 17:01 | ||||
| Ciber SLasH, не путайте людей глюк с тем, что select рисуется выше всех остальных элементов - глюк только IE. остальные браузеры и так работают нормально. единственный (из подхожящих) элементов, который API IE рисует выше select`а - это IFRAME. поэтому тултипы запихивают в iframe. далее iframe запихивают в абсолютно позиционированный див, в котором ранее был текст тултипа и который передвигается скриптом при mouseover`е на объект. ничего сложного в этом нет. для примера я добавил select и iframe в плавающем div`е в http://soft.flyweb.in/small/JsDragObjs/example.html. Там вы можете по перетаскивать div`ы на select и убедится, что перекрывает его только iframe, который находится внутри DIV`а.
чё? Добавлено @ 17:03
да там догадываться нечего. тем более, что вся работа скрипта описана на сайте. а закодировали, потому что это библиотека, сжали её просто, чтоб меньше места занимала и быстрее грузилась. Добавлено @ 17:06 |
| Автор: Ciber SLasH 3.3.2006, 17:14 | ||
Точно, я совсем запутался, ссори.  |
| Автор: Burrr 3.3.2006, 17:21 |
| Ciber SLasH , Alx спасибо, теперь всё прояснилось. |
| Автор: Alx 3.3.2006, 17:34 | ||||
бывает
заходите ещё) |
| Автор: liliana2 21.1.2009, 08:21 |
| А кто поможет? проблема почти такая же, есть выпадающее меню и фиолетовые блоки, как сделть чтобы в ие6 выпадающий список выпадал над блоками а не под ними? |
| Автор: liliana2 21.1.2009, 08:59 |
| Проблему решила прописав z-индекс у родителя |