Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Проблема с z-index'ом select'a, IE bug


Автор: niki 14.2.2008, 18:18
Как сделать, чтоб сквозь всплывающие подсказки "не просвечивал" COMBOBOX )
Это вызов из PHP:
Код

onmouseover="onMouseHilfeText('<?=$helpTexte[28][1];?>')" onmouseout = document.getElementById("helptext_div").style.visibility="hidden";

Это сама функция:
Код

function onMouseHilfeText(text)
{       var x = window.event.x;
        var y = window.event.y;
        document.getElementById("helptext_div").style.top=window.event.y>500?window.event.y-85:window.event.y+10;
        document.getElementById("helptext_div").style.left=window.event.x>700?window.event.x-150:window.event.x<20?window.event.x+50:window.event.x;
        document.getElementById("helptext_div").innerHTML=text ;
        document.getElementById("helptext_div").style.visibility=text ==""?"hidden":"visible";
}

Это DIV, в который текст загружается:
Код

   <DIV ID="helptext_div" STYLE="z-index:2;visibility:hidden;font-family: Arial, Helvetica; font-size:12px; font-style: normal;visiility:hidden;left:0;top:0;z-index:5;height:0;width:150;position:absolute;background-color:#ffffe1;border:1px solid #000000">
  </DIV>


Работает прекрасно, но если рядом оказываются элементы COMBOBOX ,  т.е. "<SELECT ID...." то они видны сквозь рамочку с текстом.

 smile 

Автор: Дрон 14.2.2008, 18:46
Как я понимаю, ты говоришь про Internet Explorer?
Такая уж у него особенность вплоть до 7-й версии. В других браузерах (во всяком случае, в Firefox -- точно) такого не будет, так же как и в IE7 должно быть исправлено.

http://blogs.msdn.com/ie/archive/2006/01/17/514076.aspx

Может есть какие-нибудь решения, но лично я просто скрывал все такие элементы <select> перед показом всплывающего окна. Другое дело, что это не всегда будет выглядеть красиво, особенно если таких элементов много.

Автор: Itsys 18.2.2008, 15:38
В IE 7 такая проблема присутствует

Автор: Ghirik 18.2.2008, 22:38
http://www.hedgerwow.com/360/bugs/css-select-free.html

Автор: dead_psh 28.2.2008, 15:06
единственное что перекрывает select это iframe. делаешь подложку с _blank.html на уровень ниже..))

Автор: rcdimon 2.3.2008, 02:53
Используйте не настоящий селект, а его эмуляцию

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)