Foros del Web » Creando para Internet » HTML »

como poner una imagen de fondo en html5?

Estas en el tema de como poner una imagen de fondo en html5? en el foro de HTML en Foros del Web. hola banda del foro, solo una pregunta, me gustaría saber como poner una imegen de fondo de pantalla , claro ya se como ponerla pero ...
  #1 (permalink)  
Antiguo 27/02/2011, 11:53
 
Fecha de Ingreso: febrero-2011
Mensajes: 1
Antigüedad: 6 años, 9 meses
Puntos: 0
como poner una imagen de fondo en html5?

hola banda del foro, solo una pregunta, me gustaría saber como poner una imegen de fondo de pantalla , claro ya se como ponerla pero la pregunta seria poner la imagen y que se ajuste a la pantalla del explorador algo asi como aki www.danielmurillo.com.mx pero me gustaria saber como se hace en html5 lo que quiero es que se ajuste no le hace que se deforme un poco , porque eso de estar con las diferentes resoluciones es un infierno, bueno saludos y espero y respondan pronro
  #2 (permalink)  
Antiguo 27/02/2011, 13:22
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: como poner una imagen de fondo en html5?

buenas...

el ejemplo que estas observando esta hecho con flash. en html no se puede hacer. con css3 lo puedes hacer pero no todos los navegadores tienen soporte para dicha version. en css2.1 no hay ninguna propiedad para hacer lo mismo.

__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 27/02/2011, 13:53
davidbrepe
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: como poner una imagen de fondo en html5?

bueno lo que si que puedes hacer es poner una imagen y redimensionarla con css

Código HTML:
Ver original
  1. <img src="imagen.jpg" class="bg" />
Código CSS:
Ver original
  1. img.bg {
  2.             /* Establezca reglas para el relleno de fondo */
  3.             min-height: 100%;
  4.             min-width: 100%;
  5.            
  6.             /* Establecer la escala proporcional */
  7.             width: 100%;
  8.             height: 120%;
  9.            
  10.             /* Establecer posicion */
  11.             position: fixed;
  12.             top: 0;
  13.             left: 0;
  14.         }
  15.        
  16.         @media screen and (max-width: 1024px){
  17.             img.bg {
  18.                 left: 50%;
  19.                 margin-left: -512px; }
  20.         }

Etiquetas: fondo, poner
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:45.