Выпадающее меню (список) не совместимо с I.E.? - PullRequest
Новая
       29

Выпадающее меню (список) не совместимо с I.E.?

3 голосов
/ 24 января 2012

Исправлено добавлением: <meta http-equiv="X-UA-Compatible" content="IE=9" /> Проблема заключалась в том, что IE отображал его как режим Quirk, поэтому после предложений я отключил его, и моя страница была идеальной!Поэтому я добавил эту мету, чтобы она хорошо отображалась в IE 9.

Мое выпадающее меню совместимо с FF и CHROME, но не с IE.Использование PHP / HTML / CSS

JSFiddle: ссылка

Проблема действительно в следующем: когда я удаляю>, он показывает только медиа.Но нет выпадающего меню (списка).Поэтому актуальный вопрос: поддерживает ли IE <ul><li><ul><li></li></ul></li></ul>?

enter image description here IMG LINK для большего IMG 

#media > a{
    height:49px;
    width:85px;
    background-repeat:no-repeat;
    background-image : URL(images/menu/media_normal.png );
    margin-left: 0px;
    margin-left: 0px;
}   
#media > a:hover{
    height:49px;
    width:85px;
    background-repeat:no-repeat;
    background-image : URL(images/menu/media_selected.png );

}


<li id="media"><a href="media.php"></a>  
<ul>
<?php   
$query = mysql_query("SELECT * FROM `apps` ");
while ($query_row = mysql_fetch_assoc($query))
{
    ?>
    <li>
    <?php
    $meer = $query_row['TITLE'];
    $desc_inject = '';
    $sub_string = substr($desc_inject, 0, 200);
    echo $sub_string." " . '' . '<a href="applink.php?id='. $query_row["ID"] . '">' . $meer . '</a>';
    ?>
    </li>
    <br />
    <?php
}
?>
</ul> 
</li>

Это позволит получить заголовки из моей базы данных (MySQL) и проанализировать их в раскрывающемся меню .В Chrome и FF он выглядит идеально, но в IE он даже не показывает вкладку menu .Если я удаляю> между #media> a {}, он показывает вкладку меню , но не курсор, мне также нужно удалить> между #media> a: hover {}, тогда он показывает курсор.Но выпадающее меню не работает.

<ul><li><ul><li></li></ul></li></ul>

совместимо с IE?У меня последняя версия IE.

1 Ответ

2 голосов
/ 24 января 2012

Недопустимая разметка приводит к тому, что IE переходит в Режим причуда и, следовательно, вероятно, сделает поддержку дочернего селектора неактивной (как предложено @Sarfraz). Перевод IE9 в стандартный режим устраняет проблемы с отображением.

Это можно увидеть, нажав F12 в IE 9, чтобы показать Инструменты разработчика , и вдоль заголовка этой части окна указано Режим документа: Причуды . Если вы выберете Стандарты Internet Explorer 9 , меню отобразится, как и ожидалось.

Вы должны запустить свой сайт через W3C валидатор (например) и исправить ошибки, и страница должна отображаться, как и ожидалось. Действительная разметка делает браузеры счастливыми - особенно IE. Если вы затем загружаете исправленную страницу в IE 9, она должна отображаться в режиме стандартов, а не возвращаться в режим Quirks.

...