我正在使用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>
问题是“这个网站还在建设中！” 文本在黑色背景上以黑色字体显示。
我假设我必须摆弄我的 CSS，所以我添加了：
div.welcome-msg{font-size:12px;padding:10px;text-align:center;color:white;}
to ./shadowbox/shadowbox.css，但这并没有解决问题。
有人能告诉我我需要做什么来更改“此站点仍在建设中！”的字体颜色吗？文字变白？
提前致谢