Скелетная страница css подменю ie7

Question

Скелетная страница css подменю ie7

0

Я создал HTML-страницу на основе Skeleton Framework и попытался добавить меню css с подменю. Меню работает нормально, но у меня возникают проблемы с моим подменю в IE7. Подменю работает везде, кроме IE7 и ниже. Подменю не отображается под пунктом меню, который был отправлен, а рядом с ним, в середине самого меню.

Вот мой код:

HTML:

<ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Education</a>

                    <ul>        
                        <li><a href="#">Courses</a></li>
                        <li><a href="#">CV</a></li>
                    </ul>


                </li>
                <li><a href="#">Example</a></li>
</ul>

Код CSS:

nav.primary ul ul {
position: absolute;
z-index: 999;
background: #000;
min-width:100%;

height:0px;
overflow: hidden; 

-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3);
}

nav.primary ul li:hover ul{
height:auto;
overflow: auto; 
}
nav.primary ul ul li{
float:none; 
display: list-item; /*list-item*/
border-bottom: 1px solid #383737;
width:auto;

}

nav.primary ul ul li a{
display:block;
line-height: 35px;
text-transform: none; 

}

Любая помощь будет оценена по достоинству.

JoJo 21 сен. 2013, в 19:47

Источник

Теги:

html

css

internet-explorer

skeleton-css-boilerplate

1 ответ

Ещё вопросы

kevinius · Accepted Answer · 2013-09-21T15-39-00.000Z

Попробуйте добавить:

nav.primary ul ul {
    left:0;
    top:0;
}

Если это не поможет, загрузите образец или создайте jsFiddle.. спасибо...

В качестве альтернативы вы можете изменить верх: 0; наверх: 100%; чтобы заставить его на 100% вниз, расположив его прямо под меню.

Ваш код с верхом: 100% работает. Благодарю вас. Единственное, что остается: наведение не работает должным образом, так как мое подменю исчезает, когда я нахожу его. Но сначала я попытаюсь заглянуть немного дальше.