Как решить эту ошибку IE6 z-index? - PullRequest
Новая
       16

Как решить эту ошибку IE6 z-index?

0 голосов
/ 09 октября 2009

Я прочитал это Обходное решение iFrame для IE6. Но я действительно не понимаю, как использовать это, если я отображаю DIV динамически.

Я приложил образец. При нажатии на элемент ввода, я хочу показать панель div с самым верхним z-индексом. (Это должно отображаться над элементом управления select) 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Test</title>

  <script type="text/javascript">
    function showItem(obj) {
      obj.style.visibility = 'visible';
      obj.focus();
    }
  </script>

</head>
<body>
  <input onclick="showItem(myPanel)" />
  <div id="myPanel" style="position: absolute; top: 35px; left: 10px; width: 200px;
    height: 200px; background-color: Gray; visibility: hidden; color: Silver;">
    Hello world
  </div>
  <div>
    <select name="thisDD" id="thisDD">
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
    </select>
  </div>
</body>
</html>

1 Ответ

0 голосов
/ 09 октября 2009

Чтобы использовать обходной путь iframe, необходимо объявить iframe с теми же координатами, той же шириной, той же высотой и низким z-индексом. 

<iframe id="iframe" style="position: absolute; top: 35px; left: 10px; width: 200px; height: 200px; visibility: hidden; z-index: 1" frameborder="0"></iframe>

Тогда вам нужно объявить более высокий z-индекс для div: 

<div id="myPanel" style="...; z-index: 2"></div>

Затем, когда вы покажете элемент, покажите как iframe, так и div. Iframe будет располагаться за div, потому что его z-индекс ниже.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...