Question

我正在使用Shadowbox.js example code显示一个带有“此网站仍在建设中！”消息的影子框。在页面加载：

<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>

问题在于“这个网站还在建设中！”文本在黑色背景上以黑色字体显示。

我认为我必须摆弄我的CSS，所以我补充道：

div.welcome-msg{font-size:12px;padding:10px;text-align:center;color:white;}

到./shadowbox/shadowbox.css，但这并没有解决问题。

有人能告诉我要改变“这个网站还在建设中”的字体颜色我该做些什么！文字到白色？

提前致谢

Answer 1

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

Answer 2

只要您的元素有.welcome-msg{font-size:12px;padding:10px;text-align:center;color:white;}，

class="welcome-msg"就可以在您的CSS中使用。

Shadowbox.js：黑色背景上的黑色文本与窗口加载的欢迎消息

2 个答案: