Другие языки программирования и технологии

Всплывающее окно на сайте

Хочу сделать окошко, которое появляется при наведении на картинку, и чтобы в нем содержалась нужная мне информация (не только текстовая!) . Думал сделать сам, но старые ie не поддерживают корректно свойство z-index

Есть какие-то готовые бесплатные решения или совет, как обойти эту проблему?
Димка Лук...
Димка Лук...
17 714
Готовое под 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
Mustafa Toraman
Mustafa Toraman
60 970
Лучший ответ
порпобуй задать отрицательный 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>
Димка Лук... это и есть ручной способ, которым я могу написать. но если разместить этот див где угодно, а потом позиционировать на нужное место, то в ie
c 6 не решусь предположить, т. к под него не верстаю хотя на сайте написано что поддерживает, http://www.jacklmoore.com/colorbox пример на сайте enmod.ru Все новости сделаны всплывающими окнами.
Димка Лук... это все здорово, но это модальные окна, а мне нужны окна-подсказки - например как наводишь на вкладку браузера(не нажимая) - высвечивается ее название. Такое реализуется стандартным методом, но только если внутри текст... а мне нужно еще картинки туда и ссылки