带有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"的选择器中才能显示该内容。