html页面改成黑色,如何将HTML div的背景设为黑色？

我将存储在磁盘上的一些HTML动态加载到div中，如下所示：

$('#FictionContent').load('Content/HuckFinn.html');

提供一些背景信息：

$(document).ready(function () {

$('#tabs').tabs({

beforeActivate: function(event, ui) {

if (ui.newTab.index() == 0) { // index 0 is fiction

$('#body').removeClass('bronzeBackground silverBackground goldBackground').addClass

('bronzeBackground');

$('#FictionContent').load('Content/HuckFinn.html');

FictionContent的定义如下：

Content in Fiction tab

这里有一些背景：

• Fiction
• Nonfiction
• Miscellaneous

Huck Finn

Tom Sawyer

Prince and the Pauper

Connecticut Yankee

The Gilded Age

Pudd'nhead Wilson

Short Stories

Content in Fiction tab

FictionContent使用的clearfix CSS类在Site.css中是这样的：

.clearfix:after {

content: ".";

display: block;

clear: both;

visibility: hidden;

line-height: 0;

height: 0;

}

我添加了它：

background-color: black;

......但无济于事 - 没有改变背景颜色。

我还尝试将其添加到HTML文件的顶部我加载(HuckFinn.html)：

background-color: black;

The Adventures of Huckleberry Finn

有一些背景：

background-color: black;

The Adventures of Huckleberry Finn

Scene: The Mississippi Valley Time: Forty to fifty years ago

. . .

这也没有用。

那么如何让背景变黑，就像我here：一样