3

1 x 70 ピクセルのフッターがあり、これは背景として設定され、水平に並べられています。

Web ページに多くのコンテンツが含まれていない場合、フッターがあるべき場所の上にフッターが表示されます。無地で塗りつぶしたいので、下にスクロールするとフッターが表示されず、フッターの下に白が表示されます。

これが私がフッターに持っているスタイルです。

.footer{
    background:#055830 url('/images/footer_tile.gif') repeat-x top left;
    color:#fff;
    font-size:12px;
    height: 70px;
    margin-top: 10px;
    font-family: Arial, Verdana, sans-serif;
    width:100%;
}

代替テキスト

フッターを次のようにしたい： 代替テキスト

4

5 に答える 5

4

明確にしてください - 下部に緑色の単色が必要ですか? もしそうなら、体の背景を緑に設定してください...

body {
    background-color:#060;
}

これにより、2 番目のスクリーンショットに結果が表示されます。グラデーション画像の下部に合わせて色を変更します。

足を下にペグする場合は、前述の絶対配置を使用し、背景をグラデーション イメージの上部に一致するように設定します。

于 2008-10-16T18:20:16.950 に答える
1

フッターが溶け込むようにボディ スタイルを変更できます。

body {

background: rgb(173, 173, 173);
}
于 2008-10-16T18:25:49.620 に答える
0 
.footer{
    background:#055830 url('/images/footer_tile.gif') repeat top left;
    color:#fff;
    font-size:12px;
    margin-top: 10px;
    font-family: Arial, Verdana, sans-serif;
    width:100%;
    position:absolute;
    bottom: 0;
}

ボトムをゼロに設定して絶対位置を試してみました。これが何をしたかの画面です。

フッターと列中央の代替テキストの間に空白が表示され ます http://img266.imageshack.us/img266/7051/picture4vb3.jpg

于 2008-10-16T18:28:51.877 に答える
0

使用できます

position:absolute;
bottom: 0;

フッターを常に一番下に配置するには...

于 2008-10-16T18:14:45.527 に答える
0

次のことを試してください。

.footer{
    background:#055830 url('/images/footer_tile.gif') repeat top left;
    color:#fff;
    font-size:12px;
    height: 100%;
    margin-top: 10px;
    font-family: Arial, Verdana, sans-serif;
    width:100%;
}

私は 2 つのことを変更しました: 背景も「repeat-x」ではなく「repeat」に設定されているため、下にも繰り返されます。高さは「100%」に設定されているため、使用可能なスペースを埋めるように拡張されます。

于 2008-10-16T18:15:33.840 に答える