Imagen de fondo que no se repita.

korko

Buenas, me preguntaba si se podia poner una imagen de fondo en una web pero que no se repitiera.. que empiece arriva y cuando la imagen termine que no vuelva a salir la misma abajo y asi.

Saludos.

B

Eso es porque la pones como background en el body. Para que salga en el tamaño natural tienes que poner img src=imagen

Y

si te interesa ponerlo en el body dentro del tago body pon

style="background : transparent url('PATH/IMAGEN') no-repeat top left;"

Tal que quedaría así:
body style="background : transparent url('PATH/IMAGEN') no-repeat top left;"

donde PATH/IMAGEN es la ruta donde tienes tu imagen que quieres insertar.

De esta manera mostrará una imagen de fondo en la esquina superior izquierda de la página y no lo repetirá, solo lo pondrá una vez.

Xray

o en hoja d estilo css por ejemplo:

body {

background-image: url(DIRECCIÓN DE LA IMAGEN);
background-position: center;
background-repeat: no-repeat;
background-color: #FFFFFF;

}

el mundo de las css es impresionante exale algun vistazo a algun tutorial y fliparas con lo que se puede llegar ha hacer.

korko

ahá!, gracias a todos :p

erdanblo

body {
background: #fff url(imagen.png) no-repeat;
}

En #fff, es aconsejable poner un color general de fondo, es para que no de una advertencia el validador diciendote que no hay un color elejido. Otra opción es usar background-image: directamente y saltarte el color.

Que complicao Xray :P

Xray

ya yo no tengo mucha idea de css's xD tengo k aprender a optimizarlas

guner

#7, si no te importa que esté en ingles:
http://htmldog.com/reference/cssproperties/

Todas* las propiedades de CSS y con su shorthand correspondiente.

erdanblo

que wena guner ;)

Usuarios habituales