CSS Dropdown funktioniert nicht auf Hover

Ich versuche, ein reines CSS-Menü bei Hover zu implementieren. Alles funktioniert, außer wenn das Menü ausgeblendet wird und versucht wird, es beim Schweben zu zeigen ... es passiert nicht.CSS Dropdown funktioniert nicht auf Hover

Hier ist mein HTML:

  <ul id="nav-menu"> 
      <li><a href="#" class="first" id="p-menu">A</a></li> 
       <ul class="submenu"> 
        <li><a href="#">1</a></li> 
        <li><a href="#">2</a></li> 
        <li><a href="#">3</a></li> 
        <li><a href="#">4</a></li> 
       </ul> 
      <li><a href="#">B</a></li> 
      <li><a href="#">C</a></li> 
      <li><a href="#">D</a></li> 
      <li><a href="#">E</a></li> 
      <li><a href="#">F</a></li> 
      <li><a href="#">G</a></li> 
      <li><a href="#" class="last">H</a></li> 
     </ul>

And My CSS:

#nav-menu { 
    position: relative; 
    } 

     #header .submenu { 
     width: 158px; 
      height: 133px; 
background: url(../images/submenu-bg.png) no-repeat; 
position: absolute; 
top: 49px; left: -11px; 
display: none;

}

  #header .submenu li a { 
display: block; 
margin: 10px 66px 5px 20px; 
border: 0 none;

}

 #header .submenu li a:hover { 
display: block; 
margin: 10px 66px 3px 20px; 
border: 0 none;

}

  #nav-menu #p-menu:hover ul.submenu { 
display: block!important;

}

Jede Hilfe wäre sehr geschätzt.

Quelle

2012-04-11 David B

Hey Sie können dies überprüfen, http://stackoverflow.com/questions/9971833/drop-down-navi-ist-nicht-arbeiten-ie-7 –

check dazu http://jsfiddle.net/rohitazad/Zhv67/1/ –

Ihr Untermenü ul sollte in Ihrem li verschachtelt werden, nicht danach. Andernfalls ist dies ein ungültiger HTML-Code. Auch sollten Sie Ihre p-menuid auf die li anstelle der a setzen.

Wechsel:

<li><a href="#" class="first" id="p-menu">A</a></li> 
<ul class="submenu"> 
    <li><a href="#">1</a></li> 
    <li><a href="#">2</a></li> 
    <li><a href="#">3</a></li> 
    <li><a href="#">4</a></li> 
</ul>

An:

<li id="p-menu"><a href="#" class="first">A</a> 
    <ul class="submenu"> 
     <li><a href="#">1</a></li> 
     <li><a href="#">2</a></li> 
     <li><a href="#">3</a></li> 
     <li><a href="#">4</a></li> 
    </ul> 
</li>

-- SEE EXAMPLE --

Quelle

2012-04-11 10:19:55 Curt

@sandeep Sorry, verstehe ich nicht? – Curt

Sorry, ich habe dich nicht gesehen ID = "P-Menü" in LI – sandeep

Vielen Dank ... Das funktioniert! –

schreiben wie folgt aus:

<li id="p-menu"> 
<a href="#" class="first">A</a> 
    <ul class="submenu"> 
    <li><a href="#">1</a></li> 
    <li><a href="#">2</a></li> 
    <li><a href="#">3</a></li> 
    <li><a href="#">4</a></li> 
    </ul> 
</li>

Quelle

2012-04-11 10:19:01 sandeep

danke ... habe das..aber es zeigt sich immer noch nicht auf schweben –

Ihr <ul> Untermenü außerhalb des <li> Tag

Quelle

2012-04-11 10:20:19

CSS Dropdown funktioniert nicht auf Hover

Antwort

Verwandte Themen