Faire un div dans un lien - Stack Overflow

En substance, il est ceci:

appliquer le CSS suivant à la durée vide:

Il couvrira maintenant le panneau, et comme il est à l'intérieur d'un tag, il est un lien cliquable

  • donner d'autres liens dans la position du panneau: et un rapport z-index approprié (> 1) pour les amener en face de la liaison de durée de défaut
  • Ceci est une solution « valide » pour atteindre ce que vous voulez.

    Mais plus probablement ce que vous voulez vraiment est d'avoir une étiquette affichée comme un élément de niveau bloc.

    Pour faciliter le travail de réponse thepeer dans IE 7 et vers l'avant, il a besoin de quelques réglages.

    IE ne sera pas honneur z-index si l'élément est n'a pas de couleur d'arrière-plan, de sorte que le lien ne se chevauchent pas parties du containig div qui a un contenu, seules les parties blanches. Pour résoudre ce fond est ajouté avec une opacité 0.

    Pour une raison quelconque IE7 et différents modes de compatibilité ne complètement lors de l'utilisation de la durée dans une démarche de lien. Toutefois, si le lien lui-même est donné le style, il fonctionne très bien.

    Ce poste est vieux, je sais, mais je viens d'avoir à résoudre le même problème parce que l'écriture simplement une balise de lien normale avec le jeu d'affichage pour bloquer ne fait pas tout cliquable div dans IE. afin de résoudre ce problème beaucoup plus simple que d'avoir à utiliser JQuery.

    Tout d'abord laissez-nous comprendre pourquoi cela se produit: IE ne fera pas un vide div cliquable-il que le texte / image dans ce div / cliquable tag.

    Solution: Remplissez le div avec une image bakground et cacher du spectateur.

    Comment? Vous poser les bonnes questions, écouter maintenant. ajouter ce style backround à la balise

    Et là, vous avez tout le div est maintenant cliquable. Ce fut la meilleure façon pour moi parce que Im en utilisant pour ma galerie photo de laisser le clik utilisateur sur une moitié de l'image à déplacer vers la gauche / droite et placez une petite image, ainsi que pour les effets visuels. donc pour moi je les images gauche et droite sous forme d'images d'arrière-plan de toute façon!

    pourquoi pas? utilisation

    fonctionne très bien en HTML5

    Utilisez ensuite jquery pour faire le cliquable bloc (via le mur de web designer):

    Ensuite, tout ce que vous avez à faire est d'ajouter des styles de curseur à la div

    Articles Liés