Tema: Problemas con submenu y opacidad en CSS3
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/12/2013, 12:37
MindPaniC
Invitado
  
Mensajes: n/a
Puntos:
Exclamación Problemas con submenu y opacidad en CSS3
Hola,

Tengo que terminar una web para enero y voy fatal, ES URGENTE, tengo problemas al crear los submenus, debajo del menu principal hay una capa con opacidad al 75% y al sacar el submenu me sale con esa opacidad y me jode el diseño, a parte de que tengo problemas en hacer que aparezca y desparezca el submenu al pasar el raton, no soy capaz de hacerlo. No se que ocurre, necesito un poco de ayuda.

Aqui podeis ver la web con el submenu desplegado:

http://test.javierdelpozo.com/

Este es el CSS del menu principal:

Código CSS: 
Ver original
  1. #principal {
  2.     margin-bottom:17px;
  3.     float:right;
  4. }
  5. #principal ul {
  6.     margin:0;
  7. }
  8. #principal ul li {
  9.     display:inline;
  10.     font-size:1em;
  11.     font-family:'Droid Sans', sans-serif;
  12.     text-transform:uppercase;
  13. }
  14. #principal ul li a {
  15.     text-decoration:none;
  16.     color:#f18e00;
  17.     padding:17px 5px 17px 5px;
  18.     margin-right:17px;
  19. }
  20. #principal ul li a:hover {
  21.     color:#FFF;
  22.     background-color:#f18e00;
  23. }
  24. #principal .ultimo a {
  25.     margin-right:0;
  26. }
  27. #principal ul ul {
  28.     position:absolute;
  29.     margin-top:17px;
  30. }
  31. #principal ul li:hover ul {
  32.     display:block;
  33. }
  34. #principal ul ul li {
  35.     margin:0;
  36. }
  37. #principal ul ul li a {
  38.     width:auto;
  39.     display:block;
  40.     padding:5px;
  41.     background-color:#f18e00;
  42.     color:#FFF; 
  43. }
  44. #principal ul ul li a:hover {
  45.     color:#666;
  46. }

Una ayudita por favor