CSS adjacentes, de frère, de sélecteurs - IE8 problème

Je suis entrain de créer un système de menu à l'aide d'un UL/LI structure. Je suis en train d'utiliser, de frère, de sélecteurs pour hover/afficher-les sous-menus.

Je suis de l'utiliser;

#MainMenu li.Sel ul li.HasSub a:hover+ul {
     display: block;
}

L'UL structure serait quelque chose comme ceci;

<ul id='MainMenu'>
    <li class='Sel'>
    <a href='#'>Click Me</a>
        <ul>
            <li class='HasSub'>
                <a href='#'>Hover Over Me</a>
                <ul>
                    <li>Link</li>
                    <li>Link</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

Soi-disant, quand le curseur est sur "Passez la souris Sur Moi", le frère ul doit être affiché. Il fonctionne très bien sous Firefox, mais pas du tout dans IE8. Je suis sûr que j'ai vu le '+' de la fratrie sélecteur utilisé dans IE8 avant, où vais-je tort?

OriginalL'auteur Joel | 2009-10-23

  1. 9

    Vous devez vous assurer que IE est en cours d'exécution en mode standard - mettre dans un doctype comme ceci:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd">

    De la documentation:

    De la côté de la fratrie combinator est un "signe" (+) caractère qui sépare les deux sélecteurs simples. Les espaces ne sont pas significatifs.

    Un sélecteur de la forme "E+F" correspond à l'élément F quand il suit immédiatement de la fratrie élément E dans l'arborescence du document, en ignorant les non-nœuds d'élément (tels que les nœuds de texte et commentaires). Élément de E et F doivent partager le même parent et E doivent immédiatement précéder F. pour correspondre À la naissance du premier enfant, le parent, l'utilisation de l' :premier enfant pseudo-classe.

    Note Nécessite Windows Internet Explorer 7 ou une version ultérieure.

    Note Combinators sont activés uniquement en respectant les standards de mode (stricte !DOCTYPE).

    Hah. Ce qui est drôle, c'est que, j'ai laissé tomber le doctype, de sorte que je pourrais faire une iframe 100% de la hauteur d'une cellule de tableau. Merci, suppose que je vais devoir l'essayer et de comprendre les 100% de la hauteur de chose séparément. Des idées? Je vais avoir à utiliser JS pour IE6 menu effets. Des acclamations.

    OriginalL'auteur Greg

  2. 0

    serait-il plus simple d'ajouter de l'passez la souris sur l'élément li et fixer le hover pour ie à l'aide de cette http://www.xs4all.nl/~peterned/csshover.html

    ie

    #MainMenu li.Sel ul li.HasSub:hover {
     display: block;
}

    Espère que ça aide

    Josh

    OriginalL'auteur Josh