32

yumdom.comのページの背景色を黄色に設定しようとしています。

私は以下を試しましたが失敗します：

body{ background-color: yellow;} /*only a sliver under the header turns yellow.*/

#doc3{ background-color: yellow;} /*result same as above*/

#bd { background-color: yellow;} /*result same as above*/

#yui-main { background-color: yellow;} /*a rectangle turns yellow ending at where the content ends. I want this rectangle to extend all the way to the footer.*/

また、Chromeの開発者ツールで上記のhtml要素のいずれかを強調表示すると、ページの特定の部分のみが強調表示されることに注意してください。フッターとコンテンツの下のセクションは強調表示されません。

ヘッダーとフッターの間のスペース全体を黄色で塗りつぶし、空白を残さないようにします。

YUIリセット、フォント、およびグリッドCSSテンプレートV2.8.0r4を使用していることに注意してください

どうもありがとう！

4

8 に答える 8

18 

<html>
  <head>
    <title>
        webpage
      </title>
</head>
  <body style="background-color:blue;text-align:center">
    welcome to my page
    </body>
  </html>

于 2016-09-20T06:39:59.693 に答える
6

問題は、ページの本文が実際には表示されないことです。下の DIV の幅は 100% で、背景色自体が本体の CSS をオーバーライドします。

無人の土地を修復するには、これでうまくいくかもしれません。エレガントではありませんが、機能します。

#doc3 {
    margin: auto 10px;
    width: auto;
    height: 2000px;
    background-color: yellow;
}
于 2012-03-10T18:16:27.373 に答える
5

私はすでにこれに対する答えを書きましたが、削除されたようです。background-color:white問題は、YUIが HTML 要素に追加されたことです。それを上書きしたところ、そこからすべてが簡単に処理できました。

于 2012-03-15T04:26:55.257 に答える
4

ソースコードを確認したところ、黄色に変更する必要があることがわかりました: #left-padding、#right-padding、html、#hd、#main、#yui-main に黄色の背景色を追加する必要があります。

それがあなたが望んでいたものであることを願っています。じゃあ

ここに画像の説明を入力

于 2012-03-13T08:55:42.757 に答える
0

yellowをオンにしてから、 で呼び出された を#doc3取り除く必要があるように見えます( の色を覆っています)。これにより、ヘッダーとフッターの間が黄色になります。white#yui-main#doc3

于 2012-03-10T19:05:30.357 に答える