Background a img :S

[T_O_N_N_Y]

Buenas tardes, tengo un pequeño problema con el a:hover img, tengo predefinido el a:hover con un background-color, y claro, cuando está con una imagen el <a> pues también le pone el color de fondo.

He probado todo lo que se me ha ocurrido, y no he encontrado nada (tal vez por no saber qué buscar).

a:hover img {
background-color:transparent;
}

img a:hover {
background-color:transparent;
}

De varias formas más lo he probado, pero no sé :S

Espero me podáis contestar con la mayor brevedad posible.

Muchas gracias de antemano.
Saludos!!

[DragonX]

a:hover{
background: url(tu_img.gif);
background-repeat: repeat-y;
}

[T_O_N_N_Y]

Creo que no has entendido bien lo que pregunto DragonX, mi problema es que tengo definido en el body:

Código:

a:hover{
	text-decoration : underline;
	background: #2767D2;
	color:#fff;
}

Y luego en cada <img src="imagen.gif" /> me sale de fondo el color #2767D2, lo que busco es quitar ese fondo en las imagenes que llevan link.

<a href="archivo.php"><img src="imagen.gif" /></a>

En ese caso que no me ponga background al link que tenga imagen.

Saludos!!

[Mikmoro]

¿Tienes unos links (a) dentro de algún tipo de div contenedor y otros dentro de otro? Pues entonces haz referencia a esos exactamente en la css. Me explico con un ejemplo:
si tienes

a:hover {
background-color:red;
}

y los enlaces con imágenes están en un contenedor tipo <div id="cont"><a...

entonces añade a tu css un

#cont a:hover {
background-color:transparent;
}

¿Se entiende?

Mikel.

[DragonX]

a.ConImagen:hover{
background: url(tu_img.gif);
background-repeat: repeat-y;
}

<a href="archivo.php" class="ConImagen"><img src="imagen.gif" /></a>

[Mikmoro]

También podrías hacer esto:
poner la clase

a.nocolor:hover {
background-color:transparent;
}
y luego en tu enlace con imagen
<a href="archivo.php" class="nocolor"><img...

Mikel.

[T_O_N_N_Y]

Iniciado por Mikmoro

#cont a:hover {
background-color:transparent;
}

Inconveniente: Si existe algún link que sea de tipo texto ya no tendrá ese estilo.

Iniciado por DragonX

a.ConImagen:hover{
background: url(tu_img.gif);
background-repeat: repeat-y;
}

Inconveniente: tengo que poner la imagen de fondo.

Al final tendré que decidirme por poner algo así:
#cont a:hover {
background-color:transparent;
}
#cont .conFondo a:hover {
background-color: green;
}
<a href="archivo.php" class="conFondo">texto</a>

Saludos y gracias a los dos!

PD: si alguien sabe cómo hacerlo para que ninguna imagen de TODA la página tenga el background que lo diga por favor.

[T_O_N_N_Y]

Iniciado por Mikmoro

También podrías hacer esto:
poner la clase

a.nocolor:hover {
background-color:transparent;
}
y luego en tu enlace con imagen
<a href="archivo.php" class="nocolor"><img...

Mikel.

Ok, voy a probarla.

Gracias y saludos!