0

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

に./shadowbox/shadowbox.css、しかしそれは問題を解決しませんでした。

「このサイトはまだ作成中です！」のフォントの色に変更するために私がしなければならないことを誰かに教えてもらえますか？白にテキスト？

前もって感謝します

4

2 に答える 2

2

「div.welcome-msg」の代わりに「div＃welcome-msg」を試してください。

于 2010-02-23T19:47:28.323 に答える
1

.welcome-msg{font-size:12px;padding:10px;text-align:center;color:white;}要素があれば、CSSで機能するはずですclass="welcome-msg"。

于 2011-10-16T20:54:46.220 に答える