Foros del Web » Creando para Internet » CSS »

background-size:cover

Estas en el tema de background-size:cover en el foro de CSS en Foros del Web. Buenas, a la hora de validar mi página web en http://jigsaw.w3.org/css-validator/ y me dice que tengo el siguiente error: Me dice que el error se ...
  #1 (permalink)  
Antiguo 16/01/2011, 02:46
Avatar de Jessi11  
Fecha de Ingreso: enero-2011
Mensajes: 29
Antigüedad: 6 años, 11 meses
Puntos: 1
Pregunta background-size:cover

Buenas, a la hora de validar mi página web en http://jigsaw.w3.org/css-validator/ y me dice que tengo el siguiente error:



Me dice que el error se encuentra en la línea 11, lo busque y es esto:
Código:
background-size:cover
Bueno, mi preguta es : hay alguna forma de cambiar la etiqueta "background-size:cover" por otra pero sin que se modifique en nada el aspecto de mi sitio web y que sea valido en Css 2.1?

Muchas Gracias!
  #2 (permalink)  
Antiguo 16/01/2011, 07:15
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: background-size:cover

La respuesta es que no. Es una propiedad que no estaba contemplada en CSS 2.1.
Hacer algo parecido obligaría a modificar el código HTML.
La imagen debería aparecer en una etiqueta <img> en lugar de en el CSS y habría que escalarla con porcentajes para ocupar la totalidad del contenedor.
  #3 (permalink)  
Antiguo 16/01/2011, 07:25
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: background-size:cover

Podría ser algo así:

CSS:
#fondo{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#fondo img{
width:100%;
height:auto;
}
#contenido{
position:absolute;
top:0;
left:0;

}

HTML:
<body>
<div id="fondo"><img src="miImagenDeFondo.jpg"/></div>
<div id="contenido"> ... mi contenido... </div>
</body>
  #4 (permalink)  
Antiguo 16/01/2011, 14:30
Avatar de Jessi11  
Fecha de Ingreso: enero-2011
Mensajes: 29
Antigüedad: 6 años, 11 meses
Puntos: 1
Respuesta: background-size:cover

Probe validarlo en CSS 3 y me aparece que esta todo el código correcto jeje así que creo que lo voy a dejar así.

Gracias por tu respuesta sanxuan.

Etiquetas: Ninguno
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 12:05.