带有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"的选择器中才能看到该东西。