Foros del Web » Creando para Internet » CSS »

Buenas

Estas en el tema de Buenas en el foro de CSS en Foros del Web. Soy nuevo en el foro y me gustaría es-amblar esta pregunta. No puedo cambiar el color de mi hover. Les muestro en la imagen. Quiero ...
  #1 (permalink)  
Antiguo 02/10/2012, 10:09
 
Fecha de Ingreso: octubre-2012
Mensajes: 1
Antigüedad: 12 años, 1 mes
Puntos: 0
Buenas

Soy nuevo en el foro y me gustaría es-amblar esta pregunta. No puedo cambiar el color de mi hover. Les muestro en la imagen. Quiero cambiar del color verde que tiene


Gracias

#navigation {
background: #00AAFF
;
display: block;
width: 100%;
float: left;
max-height: 52px;
margin: 0 0 15px 0;
}

#navigation ul,
#navigation li {
list-style:none;
padding:0;
margin:0;
display:inline;
}
#navigation ul li{
float:left;
position:relative;
}

#navigation ul li a {
display: inline-block;
color: #fff;
text-decoration: none;
font-size: 12px;
font-weight: bold;
padding: 17px 25px;
background: url(../images/navigation-divider.png) no-repeat right 50%;
}

#navigation ul li a:hover {
background: #0088FA;
color: #FFF;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

#navigation ul ul {
position: absolute;
display: none;
top: 51px;
left: 0;
background: #00AAFF;
z-index: 999;
}

#navigation ul ul li a {color: #FFF;}
#navigation ul ul li a:hover {
color: #fff;
}

#navigation ul ul li a {
display: block;
width: 150px;
margin: 0;
padding: 9px 18px;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 12px;
border-bottom: 1px solid #404040;
background: none;
}

#navigation ul ul ul {
position: absolute;
top:0px;
left:100%;
z-index: 999;
}

#navigation ul ul ul li a {
border-bottom: 1px solid #404040 !important;
border-top: 1px solid transparent;
background: none;
}

#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {border-bottom: 1px solid transparent}
#navigation ul ul ul li:last-child a {border-bottom: 1px solid transparent !important}
#navigation ul li:hover>ul {opacity: 1; position:absolute; top:99%; left:0;}
#navigation ul ul li:hover>ul {position:absolute; top:0; left:100%; opacity: 1; z-index:497;}
#navigation ul li:hover > a {background: #72b626;}
#navigation ul ul li:hover > a {color: #fff;}

Etiquetas: hover, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:31.