[SOLUCIONADO] problema al crear una imagen

[GameAndWatch]

¡Hola a todos!
Estoy intentando crear un div dinamicamente con javascript.
Con este código consigo crear la imagen:
function anadirimagen(){
var corazon = document.createElement('div');
corazon.id = "corazon";
corazon.style.backgroundColor = "red";
corazon.style.backgroundImage = 'url(img/hearts.jpg)';
document.body.appendChild(corazon);
}

Bien, hasta aquí todo parece que va bien y lo crea. El problema es que no se visualiza. ¿Alguien sabe que es lo que está fallando? La página está con lo básico, no tiene nada más.

Seguro que es una tontería, pero no lo veo

[Carlangueitor]

No he probado, pero probablemente es que no le estás poniendo ni ancho ni alto y por eso no lo ves.


Saludos

[GameAndWatch]

¡Gracias por responder!
he probado añadiendo esto:
corazon.style.width = "100%";
corazon.style.height = "100%";

Pero sigue sin funcionar...Firefox lo reconoce como algo activo, pero no funciona

[Carlangueitor]

Prueba con una medida absoluta (en px), a mi me funciona sin problemas.


Saludos

[GameAndWatch]

¡Muchisimas gracias!
Era eso. Resuelto aplicansolo de esta manera (lo dejo escrito para que sirva a cualquiera con esta duda)

function anadirimagen(){
var corazon = document.createElement('div');
corazon.id = "corazon";
corazon.style.backgroundColor = "red";
corazon.style.width = "100px";
corazon.style.height = "100px";
corazon.style.backgroundImage = 'url(img/hearts.jpg)';
document.body.appendChild(corazon);
}


¡Que gran web, en serio!