Хочу сделать окошко, которое появляется при наведении на картинку, и чтобы в нем содержалась нужная мне информация (не только текстовая!) . Думал сделать сам, но старые ie не поддерживают корректно свойство z-index
Есть какие-то готовые бесплатные решения или совет, как обойти эту проблему?
Другие языки программирования и технологии
Всплывающее окно на сайте
Готовое под jQuery на выбор: http://www.1stwebdesigner .com/css/stylish-jquery-tooltip-plugins-webdesign/ (пробел перед .com убрать)
Есть и под другие библиотеки.
Позиционирование в IE 6+ работает нормально. Есть и баг конечно, куда ж без него)
Проблемы есть с элементами, которые позиционируются в разных блоках. Вот тут можно примерчик глянуть: http://therealcrisp .xs4all .nl/meuk/IE-zindexbug.html (пробелы перед точками убрать)
Но в вашем случае эта проблема неактуальна.
Все как обычно, задается position: relative; для родителя, позиционируемое окошко с position: absolute; и top, right, bottom, left (нужное из них)
Единственное, что еще: для старых осликов желательно всегда задавать ширину позиционируемого блока.
З. Ы. Более свежая коллекция: http://www.tripwiremagazine .com/2012/07/jquery-tooltip-plugin.html
Есть и под другие библиотеки.
Позиционирование в IE 6+ работает нормально. Есть и баг конечно, куда ж без него)
Проблемы есть с элементами, которые позиционируются в разных блоках. Вот тут можно примерчик глянуть: http://therealcrisp .xs4all .nl/meuk/IE-zindexbug.html (пробелы перед точками убрать)
Но в вашем случае эта проблема неактуальна.
Все как обычно, задается position: relative; для родителя, позиционируемое окошко с position: absolute; и top, right, bottom, left (нужное из них)
Единственное, что еще: для старых осликов желательно всегда задавать ширину позиционируемого блока.
З. Ы. Более свежая коллекция: http://www.tripwiremagazine .com/2012/07/jquery-tooltip-plugin.html
порпобуй задать отрицательный z-index тому, что должно находиться за этим блоком. У меня как-то была эта проблема, точно не помню как решил, вроде бы пришлось задать z-index всему, чему можно.
< style>
#info {
position:absolute;
display:none;
padding:20px;
width:300px;
top:35%;
left:50%;
background:silver;
vorder:1px solid #dfdfdf;
margin-left:-170px;
}
< /style >
< body >
< a href="#" OnClick="info.style.display='block';"> показать окно < /a>
< div id="info" >
< div style="cursor:pointer;float:right;" OnClick="info.style.display='none';"> X < / div>
some shit should be here
some shit should be heresome shit should be heresome shit should be heresome shit should be heresome shit should be here
< /div>
#info {
position:absolute;
display:none;
padding:20px;
width:300px;
top:35%;
left:50%;
background:silver;
vorder:1px solid #dfdfdf;
margin-left:-170px;
}
< /style >
< body >
< a href="#" OnClick="info.style.display='block';"> показать окно < /a>
< div id="info" >
< div style="cursor:pointer;float:right;" OnClick="info.style.display='none';"> X < / div>
some shit should be here
some shit should be heresome shit should be heresome shit should be heresome shit should be heresome shit should be here
< /div>
Димка Лук...
это и есть ручной способ, которым я могу написать. но если разместить этот див где угодно, а потом позиционировать на нужное место, то в ie
c 6 не решусь предположить, т. к под него не верстаю хотя на сайте написано что поддерживает, http://www.jacklmoore.com/colorbox пример на сайте enmod.ru Все новости сделаны всплывающими окнами.
Димка Лук...
это все здорово, но это модальные окна, а мне нужны окна-подсказки - например как наводишь на вкладку браузера(не нажимая) - высвечивается ее название. Такое реализуется стандартным методом, но только если внутри текст... а мне нужно еще картинки туда и ссылки
Похожие вопросы
- как убрать всплывающее окно?типа реклама какова то сайта ...
- Как заставить картинку открываться во всплывающем окне?
- Как сделать всплывающее окно,и как изменить его размеры) Как сделать всплывающее окно,и как изменить его размеры)
- Программа Adguard - блокировка рекламы и всплывающих окон во всех браузерах ПОМОГАЕТ ДЕЙСТВИТЕЛЬНО???
- Помогите убрать вирус (всплывающие окно) СРОЧНО!!!!Сппсибо заранее
- хочу чтобы на Gps навигаторе, во время "простоя" всплывало окно с текстом, например анекдотами.
- кто знает чем можно удалять рекламу и всплывающие баннеры?
- как сделать вызвать всплывающую подсказку в delphi как в квипе
- всплывающая подсказка в html
- всплывающего меню на css. Задержка