CSS - AGREGAR TEXTO SOBRE IMAGENES

   
Vista:
Imágen de perfil de Orlando

AGREGAR TEXTO SOBRE IMAGENES

Publicado por Orlando orlandorodriguez40@hotmail.com (5 intervenciones) el 18/12/2015 15:49:16
Muy buen día.

Resulta que quiero agregar texto sobre las imágenes que tengo como pagina en la sección, anexo un ejemplo.

Muchas gracias de antemano.



letra-sobre-imagenes
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
Imágen de perfil de xve

AGREGAR TEXTO SOBRE IMAGENES

Publicado por xve (352 intervenciones) el 18/12/2015 17:48:58
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar

AGREGAR TEXTO SOBRE IMAGENES

Publicado por Edson Jair (2 intervenciones) el 10/06/2016 02:37:40
Hola,
lo primero que podrias hacer es crear tu codigo HTML, generando un contenedor div asignandole una clase, despues colocar la imagen, una etiqueta h2 para el texto, y un span para darle formato o alinearlo.
1
2
3
4
5
6
<div class="image">
 
<img src="images/miejemplo.gif" alt="Mi titulo de la imagen">
 
 <h2><span>Floto encima de la imagen:<span>&nbsp;</span><br><span>&nbsp;</span>Soy un fantasma</span></h2>
</div>

Despues crear un css con referencia a la clase, usaremos una posicion relativa y para la posicion del encabezado sera absoluta

1
2
3
4
5
6
7
8
9
10
11
.image {
position: relative;
width: 100%;
}
 
h2 {
position: absolute;
top: 200px;
left: 0;
width: 100%;
}

en el css puedes añadir algun tipo de efecto o transparencia.
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