Comment obtenir une balise d'ancrage sur l'image de fond de la div?

HTML:

<div id="facey">
    <a href="http://www.facebook.com.au"></a>
</div>

css:

#facey {
    float: left;
    width: 32px;
    height: 32px;
    background: url(file:///C|/Users/User/Documents/TAFE%20-%20Web/ICAWEB411A%20Design%20simple%20web%20page%20layouts/testing%20color/icons/facey%20sprite.png) no-repeat 0 0;
}

#facey:hover {
    background-position: 0 -32px;
}

J'ai un sprite css pour les icônes de médias sociaux et j'ai essayé de mettre une balise d'ancrage sur eux d'aller là-bas sites web respectifs et je ne suis pas sûr de savoir comment cela fonctionne parce que le sprite images sont utilisées comme images de fond et la balise d'ancrage ne semble pas fonctionner pour moi à l'intérieur de la div? Je ne suis pas sûr de ce que im faire de mal ici?

OriginalL'auteur elroyz | 2013-04-10

  1. 8

    Ajouter CSS style display:block; à #facey a.

    merci man , pourquoi display:block faire ce travail maintenant?
    Voir ce post.

    OriginalL'auteur Vucko

  2. 2

    Mettre l'arrière-plan sur l'ancre et pas sur le div, c'est la balise d'ancrage qui est cliquable à la fin. La div est en fait complètement redondant ici.

    <a href="http://www.facebook.com.au" id="facey"></a>

a#facey {
  float: left;
  width:32px;
  height: 32px;
  display: block;
  background:url(file:///C|/Users/User/Documents/TAFE%20-%20Web/ICAWEB411A%20Design%20simple%20web%20page%20layouts/testing%20color/icons/facey%20sprite.png) no-repeat 0 0;
}

a#facey:hover {
  background-position:0 -32px;
}

    OriginalL'auteur Richard

  3. 0

    Vous ne pouvez pas référencer des fichiers à partir du système de fichiers comme ça, il est considéré comme une faille de sécurité dans n'importe quel navigateur autre que IE. Essayez d'utiliser des chemins relatifs à la place:

    #facey {
    float: left;
    width:32px;
    height: 32px;
    background:url(icons/facey%20sprite.png) no-repeat 0 0;
    }

    OriginalL'auteur cimmanon