[RESOLU] Fond un peu transparent sur texte en hover

Hello

je viens de dévouvrir ce post qui est extra. Sauf que je désire pousser la chose un peu plus loin....

j'ai une image qui au survol de la souris affiche un texte par-dessus. jusque-là OK!


mai je voudrais faire ceci :

appliquer un fond sombre/transparent de manière à apercevoir l'image et bien lire le texte.
Je crois que c'est possible mais là, je sèche.
Quelq'un a une idée?
MERCI !
Modifié par miltonis (08 Feb 2007 - 17:13)

Salut.

Perso je ferai une deuxième image pour ton hover.
Le CSS c'est bien mais faut pas chercher à tout automiser non plus !

A+

oui c'est ce que je viens de faire

mais si c'est possible de le faire je prends avec plaisir!
évitons le PNG car ça cause bcp trop de soucis avec IE...

je laisse le post encore un peu, on ne sait jamais
merci

Salut,

L'idéal étant d'éviter le texte sur fond de photo ou d'image complexe pour faciliter la lecture.

Salut.

miltonis a écrit :
évitons le PNG car ça cause bcp trop de soucis avec IE...

La transparence de certains PNG pose beaucoup de soucis à IE6 et inférieurs. Mais c'est un excellent format, particulièrement pour le web & les images "simples"

Dans ton cas, tu n'as pas besoin de transparence, la meilleure solution est de faire 2 images (ou une seule en utilisant la méthode des portes coulissantes).

+1 pour Mikachu. En l'état, le texte du lien n'est pas facilement lisible.

Salut et merci de vos réponses!

Oui, après une âpre et longue exploration, il appareait que les deux images sont la meilleure solution...par contre ton système de 'portes coulissantes' a l'air intéressant. Tu peux m'en dire plus?

Ok aussi avec mikachu. L'image et le texte étaient juste un exemple.
merci

Voir dans le tuto pour créer des menus simples en CSS, la méthode des portes coulissantes.