Rollover sur une image derriere un texte

Résolu
reedbedroom Messages postés 95 Statut Membre -  
reedbedroom Messages postés 95 Statut Membre -
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 2051 Statut Membre 274
 
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 95 Statut Membre 98
 
Super !! Ca fonctionne parfaitement.

Merci beaucoup !
0