Background-size en IE8 e IE7

Jsc_dark25 · #1 (**permalink**) 25/06/2011, 14:50

Existe algun patch , bug .. para q funcione la propiedad Background-size en IE8 e IE7?? .. o como podria hacer para reducir el tamaño de fondo de imagen.

Código PHP:

Ver original<div id="weather" style="background:url('icon<?php echo $ampm_b; ?>.png') no-repeat 40px 40px;">
    <div id="current" style="background:url('http://l.yimg.com/us.yimg.com/i/us/nws/weather/gr/<?php echo $icon_b.$ampm_b; ?>.png') no-repeat 100px 10px; background-size: 130px 100px;-moz-background-size: 130px 100px;-webkit-background-size: 130px 100px;">

rossijona · #2 (**permalink**) 27/06/2011, 13:36

Existe un truquito, es usando como img de fondo una imagen enseguida luego de que abres el body, (la imagen debe ser de buen tamaño y calidad, porque cuando sea una resolucion grande debe quedar bien.).

Entonces haces algo asi:

Código HTML:

<body>
<img src="" alt="" style="width: 100%; position: absolute;"/>

De esa manera logras:

Que la img sea del 100% de la plantalla y a su ves que sea posicion absoluta para que no moleste al resto de los elementos.

Seguramente deberas de trabajar un poco la imagen para que quede como realmente quieres, por ejemplo oscurecer con pincel fuminado los bordes (llegando al mismo color de fonde que el body para que la img se pierda con el).

Saludos!.

Jsc_dark25 · #3 (**permalink**) 01/07/2011, 06:35

Ninguna ayuda amigos?