2012-08-06 21 views
5

Ho un menu e una delle voci nel menu è un elemento select. Solo in IE 8, quando si passa con il mouse su select options, il menu perde lo stato attivo e si chiude. Funziona bene in Firefox. Qualsiasi aiuto sarebbe apprezzatoAl passaggio del mouse sul menu di opzioni selezionate perde il focus

È possibile consultare il violino this per il codice.

Nota: Sono aperto a soluzioni utilizzando js e jquery

EDIT: Non voglio un supplente al di selezione.

+2

Ho scherzato con esso in IE9 (non ho 8 disponibili) usando jQuery. Non è perfetto ma in parte ha l'effetto che stai cercando di ottenere. http://jsfiddle.net/vUger/1/ – Stieffers

+0

@Stieffers: Ora il menu rimane in uno stato aperto dopo che la selezione ha perso lo stato attivo. –

+0

Vorrei solo andare con la soluzione di Sable Fost. Non sembra essere un modo ragionevole per gestire una soluzione in IE usando jQuery. – Stieffers

risposta

-1

Eliminare l'opzione SELECT. Prova a sostituirlo con un elenco secondario:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 

    <body> 
    <ul> Numbers 
     <li>1</li> 
     <li>2</li> 
     <li>3</li>   
     <li> 
      Select --> 
      <ul> 
       <li> 
        One 
       </li> 
       <li> 
        Two 
       </li> 
       <li> 
        Three 
       </li> 
      </ul> 
     </li> 
    </ul> 
</body> 
</html> 

Questo funziona sia in Chrome che in IE.

Problemi correlati