Ошибка CSS z-index - PullRequest
Новая
       59

Ошибка CSS z-index

0 голосов
/ 15 ноября 2011

Я рад поблагодарить всех за ответ на мой предыдущий вопрос ! Теперь я почти закончил с проблемой вертикального выпадающего меню. Есть еще один незафиксированная ошибка для него, вот она:

В абсолютно позиционированном <div> У меня есть еще один относительно позиционированный, который имеет определение z-index. Корень <div> содержит ошибку определения z-индекса дочернего элемента, и, наконец, у нас нет z-index эффекта. Вот пример кода:

HTML: 

<div id="sub1" class="sub-menu">

                            <div class="sub-level">
                                <a href="./">Програмиране и езици dfs</a><br>
                                <a href="./">Бази данни</a><br>
                                <a href="./">Компютърни мрежи</a><br>
                                <a href="./">Интернет</a><br>
                                <a href="./">Web Design</a><br>
                                <a href="./">Операционни системи</a><br>
                                <a href="./">Компютърна графика</a><br>
                                <a href="./">Офис пакети</a><br>
                                <a href="./">CAD системи</a><br>
                            </div>
                        </div>

CSS: 

div.sub:hover div.sub-menu, div.sub-menu:hover { 
            display: block; 
            width: 160px;
            position: absolute;
            border: 1px solid #c0c0c0; 
            border-top: none; 
            border-left: none;
            background-color: #ffffff;
            top: 0px;
            left: 190px;
        }

        div.sub-level {
            display: block;
            position: relative;
            z-index: 961;
            cursor: pointer;
            font-weight: normal;
            font-size: 11px;
            padding-left: 10px;
            width: 160px;
        }
...