Правильный макет CSS, проблема z-index, пользовательская навигационная панель - PullRequest
Новая
       11

Правильный макет CSS, проблема z-index, пользовательская навигационная панель

1 голос
/ 17 декабря 2010

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

Я хочу хорошо начать с CSS, а это значит иметь хороший макет. Что происходит, я проектирую свои сайты и настраиваю их все в DW. Я начинаю создавать CSS, и когда я тестирую их, я получаю ошибку z-index для ie6, 7. У меня есть вещи, расположенные в абсолютном и относительном. Вещи появляются / исчезают. Я делаю свои навигационные панели в FW, чтобы они были нестандартными. Они отлично работают с эффектами опрокидывания, экспортируют их в DW, и тогда у меня возникают проблемы.

Может кто-нибудь помочь мне понять ошибку моих путей? Я могу показать вам код, если это поможет? Я знаю, что стану активным сторонником CSS, поскольку я не хочу начинать обучение с таблиц, я слышал ужасные истории этой старой и сложной системы.

Спасибо за помощь этому новичку.

1 Ответ

1 голос
/ 17 декабря 2010

Проблемы с Z-индексами в IE весьма разочаровывают.

Вы должны учитывать, что z-index оборачивает ваши элементы так же, как и сами элементы.

При следующем псевдо-код, в IE вам нужно убедиться, что оболочка меню имеет более высокий z-индекс, чем содержимое страницы , хотя само меню имеет более высокий z-индекс, чем все остальное.Он ведет себя так, как если бы элементы внутри элементов начинали НОВЫЙ порядок размещения (игнорируя истинный z-индекс).Чтобы обойти это, z-index ваших упаковщиков имеет приоритет.

<-- page wrapper -->   (give z-index of 1) 
    <-- menu wrapper -->  (give z-index of 10)   
         <-- menu -->    
    <-- end menu wrapper --> (give z-index of 2)   
    <-- page contents -->    
    ...    
    <-- end page contents -->    
<-- end page wrapper -->
...