IE 6 и Z-индексная проблема IE 7
В моем случае для файла web.xml (version = "3.0") мне пришлось запустить приложение на сервере Tomcat v.8 вместо v.7, иначе у меня была такая же проблема, как и вы. Надеюсь, это поможет кому-то ...
<?xml version="1.0" encoding="ISO-8859-1" ?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
version="3.0">
4 ответа
Согласитесь с комментарием блока проверки допустимости - проверяющий, обычно помогает. Но, если это не делает вот несколько указателей для z-индекса в IE:
1) элементы, кто z-индекс, которым Вы управляете, должны быть на том же уровне, т.е. необходимо устанавливать z-индекс #bottom и #body
, если это не выполнимо тогда
2) IE иногда, привычка применяет z-индекс правильно, если элементы ou не применяют его, чтобы иметь position:relative. Попытайтесь применить то свойство к #bottom, и #body (или #signpost)
сообщают мне, как это удается
Darko
Смотрит на меня как Вы, имеют некоторый уродливый HTML там. Я пытался рассчитать, и возможно я потерял счет открывающим и закрывающим тэгам, но похоже, что div#container не закрывается. Попытайтесь выполнить свою страницу через блок проверки допустимости (такой как Блок проверки допустимости HTML W3C или что-то) и зафиксировать некоторые ошибки. Это помогло мне с этими видами проблем в прошлом.Удачи!
У меня недавно была продолжающаяся проблема при отображении одного слоя выше другого. В моем случае я программно создавал два слоя в JavaScript, один для diaplaying пользовательский элемент управления и один для создания полноэкранного слоя позади него. FF был прекрасен, bu IE отобразил полноэкранный слой поверх остальных окон всего остального.
После многочисленных тралов по межсети, пробуя общие предложения, единственный способ, которым я в конечном счете получаю его работа, состоял в том, чтобы удалить position: атрибуты из обоих слоев и настроить эти margin-top: атрибут, пока я не получил удовлетворительный результат.
Что-то вроде хеша, но это работает, и это будет прекрасно, пока IE 8 не разберется во всех текущих ошибках......
У меня только что возникла эта проблема, и исправление, которое я нашел (благодаря Quirksmode), заключалось в том, чтобы дать прямому родительскому элементу узла, который вы пытаетесь установить z-index его собственный z-index, который меньше z-индекса узла, который вы пытаетесь установить. Вот быстрый пример, который должен работать в IE6
<html>
<head>
<style type="text/css">
#AlwaysOnTop {
background-color: red;
color: white;
width: 300px;
position: fixed;
top: 0;
z-index: 2;
}
#Header {
color: white;
width: 100%;
text-align: center;
z-index: 1;
}
</style>
</head>
<body>
<div id="Header">
<div id="AlwaysOnTop">This will always be on top</div>
</div>
<div id="Content">Some long amount of text to produce a scroll bar</div>
</body>
</html>