проблемы с разделением слоев

Question

Я занимаюсь разработкой существующего веб-приложения на внутреннем сервере, я не могу опубликовать весь код здесь, поскольку он очень грязный, но я могу показать вам, ребята, скриншот проблемы и соответствующий код CSS:

Языковое меню должно быть сверху синей рамки, но вместо этого оно находится ниже.

Отлично работает в FF, это IE7снимок экрана

поле с синей рамкой css:

.categoryBox {
    width:100px;
    background-color:#000;
    border-style:solid;
    border-width:1px;
    border-color:#007CF7;
    padding:5px;
    float:left;
    height:260px;
    margin-right:25px;
    margin-bottom:20px;
    text-align:center;
    width:200px;
    position:relative;
}

языковое меню css:

#ChooseLanguageDlg
{
    display: none;
    position: absolute;     
    width: 87px; 
    height: 180px; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top:0;
    margin-top: -9px;
    border: none 1px White;
    left: 751px;
    top: 10px;
    font-size:11px;
    overflow:hidden;
    text-align:center;
}

Примечание: в языковом меню используется переключатель JavaScript для отображения /скрыть.

РЕДАКТИРОВАТЬ: Добавление z-index в поле языка не меняет видимость в IE

Answer 1

IE7 имеет известные проблемы с z-index.Не видя вашей страницы, я могу лишь указать вам несколько полезных ссылок, объясняющих проблему:

• http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/
• Проблемы с наложением Z-индекса в IE7
• http://richa.avasthi.name/blogs/tepumpkin/2008/01/11/ie7-lessons-learned/

Общая идея состоит в том, чтобы тыкать position: relative (обычно удаляйте его) и z-index на родительские элементы вашего выпадающего меню, пока оно не будет исправлено.

Удачи!

Answer 2

IE имеет некоторые проблемы с z-index (см. Google).Поскольку мне приходилось исправлять подобную проблему, я был вынужден использовать javascript, чтобы скрыть элементы фона, что на самом деле не подходит для вас.

Вы можете попробовать изменить порядок создания в HTML-коде, есливозможно.

Answer 3

Вы можете попробовать добавить z-index.Это определит, какой элемент находится над каким элементом: z-index

Answer 4

добавить z-index к стилю для языкового поля?

Answer 5

Установка z-index языкового поля вручную может помочь.Конечно, если вы не хотите этого делать, поместите языковую рамку после синей рамки в разметке.