帶有CSS和背景圖片的Firefox擴展內容腳本

Question

我目前正在完成一個使用一些內容腳本的Firefox擴展。他們中的一個附加在當前標籤使用jQuery一些HTML/CSS：

var content = ''; //a lot of html 
$('body').append(content); 

它的運作良好，但在CSS背景圖像將無法正常工作：

var content = '<style type="text/css">#elem{background:url("http://example.com/image.png") no-repeat center center;}</style>'; 
content += '<div id="elem"></div>'; 

的DIV在這裏和風格被應用到它，但根本沒有背景圖像。我嘗試過一個簡單的img元素，它也不起作用。

有沒有人有一個想法這裏有什麼問題？

Answer 1

style標籤屬於head，而不是body。

我還發現我必須將height和width屬性添加到"elem"的選擇器中才能看到該東西。