Rollover sur une image derriere un texte

Résolu/Fermé
reedbedroom Messages postés 80 Date d'inscription lundi 11 juillet 2011 Statut Membre Dernière intervention 1 janvier 2020 - 29 oct. 2012 à 12:27
reedbedroom Messages postés 80 Date d'inscription lundi 11 juillet 2011 Statut Membre Dernière intervention 1 janvier 2020 - 29 oct. 2012 à 14:25
Bonjour,

J'ai un petit problème de RollOver sur une image en CSS qui est placée derrière un texte (lien)....

Voici le code :

CSS
#container_image_actualites {
	display:inline-block;
	margin-right:auto;
	margin-left: 0px;
	width: 470px;
	height: 225px;
}
#container_image_actualites img {
	border:10px solid #ededed;
}
#container_image_actualites img:hover {
	border:10px solid #000;
}
#container_image_actualites #titre {
	position: absolute;
	font-family: "PalatinoLTW01-BoldItali";
	font-size: 18px;
	color:#FFF;
	text-shadow: 1px 1px 0.2px #000;
	padding-top: 20px;
	padding-left: 35px;
	margin-top: -210px;
	z-index:1;
	width: 90px;
	cursor:  pointer;
}
#container_image_actualites #texte {
	position: absolute;
	font-family:"Palatino LT W01 Bold";
	font-size:24px;
	color:#000;
	padding-top: 20px;
	padding-left: 35px;
	margin-top: -180px;
	z-index:1;
	width: 420px;
	cursor:  pointer;
	white-space: normal;
}
#container_image_actualites #lien {
	position: absolute;
	font-family:"Palatino LT W01 Bold";
	font-size:20px;
	color:#FFF;
	text-shadow: 1px 1px 0.2px #000;
	padding-top: 20px;
	padding-left: 35px;
	margin-top: -115px;
	z-index:1;
	width: 420px;
	cursor:  pointer;
	white-space: normal;
}


Mon problème se produit lorsqu'il y a du texte, l'effet rollover n'est actif que lorsque je suis en dehors de mes bloc texte... donc que sur les bords de l'image.

J'aimerais que mon #container_image_actualites img:hover fonctionne même lorsqu'on passe la souris sur les texte ... est possible en css ?

Merci de votre aide.

A voir également:

2 réponses

Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 274
29 oct. 2012 à 13:42
bonjour

essais de remplacer
#container_image_actualites img:hover {
	border:10px solid #000;
}

par
#container_image_actualites:hover img {
	border:10px solid #000;
}
0
reedbedroom Messages postés 80 Date d'inscription lundi 11 juillet 2011 Statut Membre Dernière intervention 1 janvier 2020 97
29 oct. 2012 à 14:25
Super !! Ca fonctionne parfaitement.

Merci beaucoup !
0