Z-index sur un img?

cette page Tenir compte @http://www.bloodbone.ws/screwed.html Z-index sur un img?

Je dois être en mesure d'avoir l'élément a.grow étendre aux dimensions du div.column-header de sorte que si vous visez partout dans le div toute la zone est cliquable.

Cela fonctionne dans Firefox + Safari, mais je n'arrive pas à le faire fonctionner dans n'importe quel navigateur IE.

Les éléments h2 et img rompent toujours le a.grow, il y a donc des zones non cliquables.

J'ai essayé tout ce que je peux penser, en ajoutant zoom: 1 etc. en vain.

Les codes h2 et img doivent être visibles, mais n'importe quel pointeur de la souris sur la zone doit être cliquable.

Source

2009-09-09 brendo

Pour avoir "SEO compatible", vous avez 2 options:

Aplly plusieurs balises d'ancrage pour couvrir tous vos div;
Utilisez un framework tel que JQuery pour rendre la div cliquable (et cliquez sur l'ancre href), et maintenez l'ancre à l'intérieur de la div à des fins de référencement.

Source

2009-09-09 06:15:38 yoda

J'utilise jQuery pour le faire à la fin pour IE. Encore me déconcerte pourquoi une solution CSS n'est pas possible. – brendo

Eh bien, css est possible en fait, mais c'est un peu risqué .. La seule option valide avec css w3c est en créant une balise d'ancrage avec la position absolue au-dessus de la zone que vous voulez, mais cela vous oblige à et left always fixed) ou utiliser javascript pour calculer la position de la div (non fidèle à 100% en raison de la redimension des pages) – yoda

Pourquoi "div" ne peut-il être mis à "position: relative" et ensuite l'élément d'ancrage doit être donné c'est les dimensions? – brendo

<div class="column-header"> 
     <a class="grow" href="http://www.google.com">Google</a>  
     <h2>What's On</h2> 
     <a href="http://www.google.com"> 
      <img src='http://www.bloodbone.ws/images/mainHeader.jpg' alt='boo' /> 
     </a> 
    </div>

faire?

Source

2009-09-09 05:50:30 lock

Il fait, mais il est invalide HTML – brendo

oh oui je na pas vérifier que je suis désolé moi lols – lock

i modifié le code, il semble que vous essayez de le faire fonctionner pour le SEO droit? Je suppose que deux ancres avec des étiquettes différentes ne feront pas mal ... – lock

Z-index sur un img?

Répondre

Questions connexes