Texto encima de una foto

[mauricioadrian]

hola en algunos lugares eh visto que ponen el titulo de una nota arriba de una imagen es posible lograr esto con los div, ? lograr que se superpongan.?

[hades87]

si, la imagen al tendrías que poner como fondo del div y luego escribir el texto encima como si fuera un div normal ;)

[Mikmoro]

O bien usando posición absoluta para el texto, pero esperaba que el usuario se explicara un poco mejor.

He estado a punto de contestar: "sí, se puede". Tan escueto como la pregunta, pero no lo he hecho por ser el primer mensaje.

Mikel.

[mauricioadrian]

Gracia muchachos. mi objetivo es lograr algo como esto
Gracias por su respuesta.

[opzina]

con z-index podes poner un elemento (imagen de fondo) y un texto delante.

#imagen {z-index:1; }

#texto {z-index:2; } (el texto arriba)

y si quieres el text transparente:

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60); ///de esta linea
-moz-opacity: 0.6;
opacity: 0.6; }
///a esta
saludos

[hades87]

pero yo el z-index lo usaba para cosas mas complejas, para lo que quiere como le dije ya sirve ;)

[Mikmoro]

De hecho, poniendo la imagen en la etiqueta img en lugar de como fondo, el z-index de poco sirve si el texto o la imagen no están en posición absoluta.

Mikel.

[mauricioadrian]

dejenme un poco de tiempo para probar lo que me dicen, voy a leer un poco sobre los atributos que me pasaron y depsues les comento como anduve. Gracias por todo.

[mauricioadrian]

para lograr un efecto con la imagen de fondo, un color gris claro arriba de la foto pero q solo cubra el pie de la foto no toda, arriba de este color de fondo quiero poner el texto. tedria que quedarme con la foto con z-index en 0 el color en z-index en 1 y por ultimo el texto con z-index en 2 verdad?

[hades87]

yo le daría el color que quisieras a la foto con un programa de edición fotográfico, y usaría al técnica de imagen de fondo y luego el texto en el div

[gnzlo]

hola, la mejor manera que yo considero es como dice hades o mikmoro, o la colocas de fondo de la div o con absolute, no tiene mucha ciencia darle tantas vueltas, prueba el metodo que mejor que parezca, hay varias formas, para mi las mas acertadas son esas de los amigos que te mencione. esto fue una pequeña colaboracion a tu problema, espero te ayude.