2013-02-07 3 views
0

J'ai quelques menus déroulants qui fonctionnent bien dans tout sauf IE7, malheureusement mon patron fonctionne IE8 en mode de compatibilité donc il les veut fixés ... Je ne suis pas sûr de savoir quel est le problème:Les listes déroulantes CSS ne fonctionnent pas dans IE7

.m-main-nav li ul { 
display: none; 
top: 24px; 
left: -41px; 
float: left; 
width: 190px; 
z-index: 999999; 
position: absolute; 
background: none; 
background-color: none; 
opacity: .9;} 

.m-main-nav li:hover > ul {display: block;} 

.m-main-nav li ul li { 
min-width: 180px; 
padding: 0; 
background-image: none; 
text-decoration: none; 
border: solid 1px #bfa049; 
border-top:0px; 
vertical-align: bottom} 

Merci;)

+1

'mon patron exécute IE8 en mode compatibilité'. Pour l'amour de .... pourquoi ??? Aussi, qu'est-ce qui ne marche pas? Publier votre code HTML serait bien aussi. – mrtsherman

+1

Pouvez-vous ajouter une capture d'écran ou [jsFiddle] (http://jsfiddle.net/)? – Flauwekeul

+3

dites à votre patron que IE7 est le nouveau IE6 et il devrait passer à quelque chose de mieux ... comme Telneting sur le port 80 et le rendu lui-même. –

Répondre

0

Êtes-vous sûr que IE7 fonctionne en mode standard? Assurez-vous que vous avez un doctype approprié comme

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

dans votre code HTML. Sinon, :hover ne fonctionnera pas sur des éléments arbitraires, mais seulement sur <A>.

Questions connexes