Hola usuario de nuestro sitio web, hemos encontrado la respuesta a tu interrogante, deslízate y la hallarás a continuación.
Solución:
ACTUALIZACIÓN 10/06/2014: usar div dentro de a es semánticamente correcto en HTML5.
Tendrás que elegir entre los siguientes escenarios:
Hello world
lo cual es semánticamente incorrecto, pero funcionará.
Hello world
lo cual es semánticamente correcto pero implica usar JS.
Hello world
que es semánticamente correcto y funciona como se esperaba, pero ya no es un div.
¿Por qué no te quitas el
display:blockuna altura, un ancho, un fondo, un borde, etc. Puedes hacerlo Mira como un div pero aún así Actuar como un enlace Entonces no depende de código inválido o JavaScript que puede no estar habilitado para algunos usuarios.
Hazlo asi:
Parentdivimage debe tener ancho y alto especificados, y su posición debe ser:
position: relative;
Justo dentro de parentdivimage, junto a otros divs que contiene el padre, debe poner:
Luego en el archivo css:
.clickable
height: 100%;
width: 100%;
left: 0;
top: 0;
position: absolute;
z-index: 1;
La etiqueta span completará su bloque principal, que es parentdiv, debido a que la altura y el ancho están establecidos en 100 %. El intervalo estará en la parte superior de todos los elementos circundantes debido a que el índice z se establece más alto que otros elementos. Finalmente, se podrá hacer clic en el intervalo, porque está dentro de una etiqueta ‘a’.
Puedes proteger nuestra labor mostrando un comentario o dejando una valoración te estamos agradecidos.