CSS - Inlcuir Link de una WEB en una imagen Back_ground

 
Vista:
Imágen de perfil de Hector

Inlcuir Link de una WEB en una imagen Back_ground

Publicado por Hector (1 intervención) el 02/02/2017 21:20:27
Hola,

Por favor su ayuda, pues necesito saber como incluir un link en una imagen background para que me lleve a una pagina web y además sea abierta en una nueva pestaña.

Se los prometo que he buscado pero la verdad es que no encuento como hacerlo.

Muchas gracias de antemano. el código donde necesito incluir el link de una página web, es el siguiente:

Me podrían ayudar a saber la opción en caso de que el link lo quiera poner en el texto?


[vc_row css=".vc_custom_1485282962597{padding-top: 100px !important;padding-bottom: 100px !important;background-image: url(http://www.hectorrodriguez.org/wp-content/uploads/2016/12/girl-and-plane-e1482247975812.jpg?id=862) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column][vc_custom_heading text="Jardin Infantil Run Run" font_container="tag:h2|text_align:center|color:%23232323" google_fonts="font_family:Playfair%20Display%3Aregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:700%20bold%20regular%3A700%3Anormal"][/vc_column][/vc_row]

Héctor
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 45
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Inlcuir Link de una WEB en una imagen Back_ground

Publicado por Brayan (16 intervenciones) el 03/02/2017 15:22:38
Intenta esto

1
2
3
4
5
6
7
8
9
10
11
12
<style>
    a{
        display: block;
        width: 50%;
        padding: 5%;
    }
#img_redireccion{
    width: 50%;
}
</style>
 
<a href="http://www.google.com"><img src="http://i.imgur.com/M4ZScZa.png" id="img_redireccion"><img></a>

Asi muestras una imagen de fondo aun elemento a.

Solo debes adaptarlo al codigo que necesitas y como lo necesitas
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar