¿Cómo pongo un texto como un hipervínculo sobre las imágenes en HTML?

Si desea usar texto como hipervínculo sobre la imagen, debe usar la imagen como imagen de fondo.

Lo haré por CSS.

Aquí está el ejemplo.

¡Hola mundo!

Visit” rel=”nofollow”>https://www.bloggingcanker.com”> Visite Blogging Canker

El atributo de fondo no es compatible con HTML5. Utilice CSS en su lugar.

En el ejemplo anterior, utilicé la imagen como imagen de fondo del cuerpo. Esto cubrirá toda la pantalla. Si quieres hacer para una sección en particular. Entonces puedes escribir Css para esa clase.

Ejemplo 2

Visit” rel=”nofollow”>https://www.bloggingcanker.com”> Visite http://bloggingcanker.com

CSS para esta clase: – .super {background: # 00ff00 url (“smiley.gif”) centro fijo sin repetición; }

De esta manera, puede establecer la imagen de fondo de cualquier clase.

Vea el artículo completo aquí: – ¿Cómo pongo un texto como un hipervínculo sobre las imágenes en HTML?

Si tiene alguna pregunta, no dude en ponerse en contacto conmigo. Gracias

Algunos enlaces

/ ** CSS ** /
.wrapper {
ancho: 200 px;
altura: 200 px;
posición: relativa;
}

.wrapper img {
ancho: 100%;
altura: 100%;
}

.wrapper a {
ancho: 100%;
altura: 100%;
bloqueo de pantalla;
posición: absoluta;
arriba: 0;
izquierda: 0;
}

demo: Editar violín – JSFiddle

Algún texto

una {
posición: relativa;
pantalla: bloque en línea;
}

un lapso {
posición: absoluta;
arriba: 50%;
izquierda: 50%;
margen superior: -1em;
margen izquierdo: -50%;
ancho: 100%;
altura: 2em;
color: # f90;
color de fondo: rgba (0,0,0,0.5);
}

Hay muchas formas de hacerlo. Me gustaría compartir una de las formas de lograrlo.

Editar violín – JSFiddle