jquery - 带有 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 tags belong in the head, not the body.

I also found that I had to add height and width properties to the selector for "elem" in order for the thing to be visible.