url dans un background-image

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] url dans un background-image

    Bonjour,

    J'ai mis un background-image dans mon body pour avoir donc une image de fond sur mon site. J'aimerai qu'on puisse cliquer sur l'image du site pour aller sur un autre site mais je ne vois pas comment faire.

    L'image de fond représente l'événement du mois et un petit site dédié a été créé pour l'occasion et j'aimerai pouvoir cliquer sur l'image de fond (background du body) et être renvoyé sur le petit site dédié.

    Si quelqu'un peut m'expliquer comment faire?

    Mille merci!

    Bonne journée

  • #2
    Re : url dans un background-image

    Bonjour

    Si l'image est une image de fond; il n'y a pas moyen de cliquer dessus. Ce n'est pas un "objet".

    La seule possibilité (beurk!) serait de mettre un onclick au niveau de ton tag <body> ou quelque chose du genre et donc de détecter tous les clics sur ta page.
    Christophe (cavo789)
    Mon blog, on y parle Docker, PHP, WSL, Markdown et plein d'autres choses : https://www.avonture.be
    Logiciel gratuit de scan antivirus : https://github.com/cavo789/aesecure_quickscan (plus de 45.000 virus détectés, 700.000 fichiers sur liste blanche)​

    Commentaire


    • #3
      Re : url dans un background-image

      Ce n'est pas possible si ton image est généré par le CSS, par contre si tu est à l'aise avec le html/css, tu peux créer une div enfant de body que tu étendra sur tout le site, en jouant avec des "position absolute" et des "zindex", dans cette div tu met ton image à laquelle tu affecte un lien... et voilà !! J'espere que tu à compris l'idée...

      Commentaire


      • #4
        Re : url dans un background-image

        Bonjour,

        cavo789, j'avais pensé faire ça avec le body mais comme tu l'as si bien dit : "beurk" et en plus si la personne click sur autre chose que sur l'image de fond elle est redirigé vers l'autre site...

        Soundboy39, ça a l'air intéressant mais je ne sais pas comment faire/où mettre la div enfant body?

        Il faut créer une div :

        <body>

        <div id="imgfond"><img src="img/background.jpg" border="0"/></div>

        ici le reste de ma page

        .....

        ....

        </body>

        Et dans le css faire :

        #imgfond{
        position:absolute;
        z-index :10
        ....
        }

        Où c'est pas ça du tout?

        Merci beaucoup!

        Bonne journée

        Edit : j'ai regardé sur ce site avec firebug mais je ne vois pas quel code a été mis en place
        Dernière édition par bizerte77 à 18/09/2012, 12h25

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X