Faire une zone cliquable sur une image mise en background

[Ohax]

Bonsoir,

Comment définir une zone cliquable sur une image mise en background !

J'ai mi mon header en background et j'aimerai pouvoir placer une zone de par exemple 150*150 qui permettrait de revenir à l'index


merci

[jeroen]

En mettant un gif transparent dans ta source ??

[Ohax]

pas bête du tout

j'y avait jamais pensé


merci beaucoup

[narayana]

J'avais trouvé un article la dessus. Si je le retrouve je te mets cela

ah be voila
http://css.alsacreations.com/Tutoriels-et-articles-divers/Faire-une-zone-reactive-image-map-en-CSS

[Ohax]

merci ça me permettra de virer le gif et de provoquer 1 hit de moins pour le serveur ^^

[gratonet]

2 solutions :

Faire comme les camarades te disent avec une image.
seconde : utiliser javascript et capturer la position de la souris, déterminer l'emplacement autorisé pour le clique et le réaliser... Mais la je ne donne pas de code (^_^), j'en ai pas qui soit pret.

[HawkEye]

Il me semble qu'une image contenue dans une table dont le background est lui-même une image n'apparaît pas sous firefox.

Vrai / Faux ?

En tout cas, j'ai ça sur un de mes sites

[narayana]

Donne l'url de cette page on pourra tester

[serval2a]

Il me semble qu'une image contenue dans une table dont le background est lui-même une image n'apparaît pas sous firefox.

Ca marche bien sur mon WWW.

[gratonet]

les background sont par ordre de priorité ou par ordre de position.
Pour un tableau l'ordre est :
Position 1 : contenu des cellules >
Position 2 : fond cellule th, td >
position 3 : fond ligne tr >
position 4 : fond table table.

Pour les autres objets celui qui a à z-index superieur aux autres est celui affiché en premier.