Shadowbox.js：黑色背景上的黑色文本，帶有窗口加載的歡迎消息

Question

我使用Shadowbox.js example code來顯示一個帶有消息「該網站仍在建設中！」的shadowbox。在頁面加載：

<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-味精」 嘗試 「＃DIV歡迎-味精」。

Answer 2

.welcome-msg{font-size:12px;padding:10px;text-align:center;color:white;}只要你的元素有class="welcome-msg"就可以在你的CSS中工作。