Javascript Shadowbox.js：黑色背景上的黑色文本，窗口加载时显示欢迎消息

我正在使用在页面加载中显示一个带有消息“此网站仍在建设中！”的阴影框：

<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
    // let's skip the automatic setup because we don't have any
    // properly configured link elements on the page
    skipSetup: true
});

window.onload = function() {

    // open a welcome message as soon as the window loads
    Shadowbox.open({
        content:    '<div id="welcome-msg">This site is still under construction!</div>',
        player:     "html",
        title:      "Welcome",
        height:     350,
        width:      350
    });

};
</script>

Shadowbox.init({
//我们跳过自动设置，因为我们没有
//页面上正确配置的链接元素
skipSetup：对
});
window.onload=函数（）{
//窗口加载后立即打开欢迎消息
暗箱，打开({
内容：“该网站仍在建设中！”，
玩家：“html”，
标题：“欢迎”，
身高：350，
宽度：350
});
};

问题是“此网站仍在建设中！”文本以黑色字体显示在黑色背景上

我假设我必须处理CSS，因此我添加了：

div.welcome-msg{font size:12px；padding:10px；文本对齐：居中；颜色：白色；}

到

/shadowbox/shadowbox.css

，但这并不能解决问题

有人能告诉我，若要将“此网站仍在建设中！”文本的字体颜色改为白色，我必须做些什么吗

---

提前感谢您

而不是“div.welcome-msg”尝试“div#welcome-msg”

而不是“div.welcome-msg”尝试“div#welcome-msg”

。welcome-msg{font size:12px；padding:10px；文本对齐：居中；颜色：白色；}

只要您的元素有

class=“welcome-msg”

。

{font size:12px；padding:10px；text align:center；color:white；}应该可以在CSS中工作，只要您的元素有

class=“welcome msg”

。

就是这样！我知道它必须是小的。就是这样！我知道它必须是小的。