¿Estas atascado? ¡Yo te ayudo!, pregunta aquí.

No funciona background-size: 100% 100% en <body> y chrome

Todo codigo relacionado exclusivamente con html y css en todas sus versiones.

Notapor alexiter » Mié Jul 29, 2015 8:34 pm

Pues andaba yo extremadamente quemado intentando hacer que una imagen de fondo se redimensionara en funcion del tamaño de la ventana del navegador. Y el codigo " background-size: 100% 100% " no funcionaba. Conseguia un 100% de la anchura, pero no podia alterar la altura para que ocupase toda la ventana.

Resulta que el problema es que hay que especificar primero el tamaño del documento hmtl y de este modo el navegador ya puede redimensionar la foto al 100%, en resumen seria algo asi:

Código: Seleccionar todo
<style>

html {width: 100%;height: 100%;}

</style>

</head>

<body  style="background-image:url(imagenes/fondo.jpg); background-size: 100% 100% ">
alexiter
Site Admin
 
Mensajes: 146
Registrado: Dom Nov 17, 2013 9:54 pm

Volver a HTML y CSS (html5, css3, ...)

cron
  • Buscar mensajes nuevos
  • Buscar temas sin respuesta
  • ¿Quién está conectado?
  • En total hay 1 Usuario identificado :: 0 registrado, 0 ocultos y 1 invitado (basados en usuarios activos en los últimos 5 minutos)
  • La mayor cantidad de usuarios identificados fue 619 el Dom May 03, 2020 11:11 pm
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado