Всплывающее окно с использованием javascript и div не работает одинаково в Firefox и IE - PullRequest
Новая
       14

Всплывающее окно с использованием javascript и div не работает одинаково в Firefox и IE

0 голосов
/ 05 мая 2011

У меня есть всплывающее окно, использующее div и javascript на странице jsp, которое также имеет некоторые элементы управления richface.

<a class="pr-toolbar-link pr-icon-help" href="#"
  onclick="popupWindow('aboutPopup',true);" 
  onblur="popupWindow('aboutPopup',false);">About</a>
<div id="aboutPopup" class="popup">
  <div class="popupbody">
<p>Some Message</p>
  </div>
</div>

Когда я нажимаю «О программе», всплывающее окно корректно отображается в Firefox, то есть в верхней части всех других объектов, но в IE оно перекрывается другими элементами управления.Ниже приводится CSS 

.popup { border: solid 1px #333; font-family: Tahoma; font-size: 12px; display: none; position: absolute; width:300px; z-index:1; }
.popuptitle { background: #784574; color: white; font-weight: bold; height: 15px; padding: 5px;      }
.popupbody { background: #dee5ec; padding: 5px; text-align: center; }
#aboutPopup { top: 27px; left: 110px; }

Я попытался установить значение z-index выше, чем все остальные элементы управления, но все равно ничего не происходит.

Редактировать:

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

Firefox popup

IE7 Popup

IE7 Popup

IE7 Popup

1 Ответ

0 голосов
/ 01 июня 2011

Проблема заключалась в размещении кода для добавления всплывающего окна. Я добавлял код, близкий к таковому, то есть перед управлением меню. Таким образом, даже после изменения z-index он не был перед управлением меню в IE7. Я просто переместил код в конец после кода управления меню, и он также работал в IE7. В любом случае, спасибо парням за предложения.

...