La propiedad background-size todavía está virgen, sólo la soportan algunos navegadores modernos y con los "vendor prefixes" (-moz, -webkit, etc).
¿Te deformaba el div? ¿Podrías explicarme exactamente lo que intentás hacer? Tal vez hay una mejor forma.
Imagino que lo que querés hacer es que un div
que tiene cierto contenido se ponga rojo y con una imagen de error de fondo luego de que ocurra algún error. Si es así, podrías hacer algo así:
Código HTML:
Ver original<!DOCTYPE html>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
function _demo(){
$("#miDiv").css({color: "#3B0B0B", backgroundColor: "#FF0000"}).append("
<img src='http://dsf.chesco.org/chesco/lib/chesco/images/error_icon2.jpg' />");
//y luego:
$("#miDiv > img").css({width: "10px", height: "10px"});
}
#miDiv{position:relative;}
#miDiv img{position: absolute; left:50%; top:50%;}
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit anim id est
<a href="#" onclick="_demo()">Probar error
</a>
Fijate que uso un poco de CSS para poner la imagen en algún lugar con posicionamiento absoluto. Podés también integrar esa línea de jquery que cambia el tamaño de la imagen dentro del CSS, para mejorar el código.