0

フッターに「全幅」のストライプを使用したかったのですが、どうやらうまくいきません。これが私が今持っているものの例です。

フッター

フッターにそのdivに対してrepeat-xを実行させたい。したがって、画面の最後までオフになります（上部で行われるように）。これは非常に単純なことかもしれませんが、私はCSSスタイルにかなり慣れていないので、手を貸してください。

[編集]フッターdivはラッパー内にあります。divのエッジはラッパーの幅に揃えられます。私の質問は、画面の終わりまで、制限を「オーバーラップ」させることが可能かどうかです。

また、記事の終わりで変化するのではなく、特定の位置を示したいと思います。position：absoluteとして使用する必要があることは理解していますが、Y位置を指定しても、常にヘッダーの直後に表示されます。おそらく私が忘れている単純なものがあります。

Footerクラスにある既存のコードは次のとおりです。

#footer {
    background:url(wp-content/uploads/2012/06/whitestripe.png) repeat-x;
    position:relative;
    width:100%;
    clear:both;
    text-align:center;
    line-height:16px;
    font-size:11px;
}
#footer a {
    padding:2px 3px;
    color:#004a6a;
    text-decoration:none;
}
#footer a:hover {
    color:#105a7a;
}

ありがとうございました。マルコ・ロベルト。

4

4 に答える 4

1

ねえ今あなたのcss本体とhtml幅で定義します

このように

    html, body
{
    width:100%;
}
于 2012-06-19T10:26:07.267 に答える
1

フッター要素をメインラッパーの外側に移動して、制約されないようにします。たとえば、体の中はうまくいきます。

次に、cssを変更します。

#footer {
  position: absolute; // or fixed if you want it to scroll along
  left: 0;
  right: 0; // or width: 100%
  bottom: 10px; // change to the value you want
}
于 2012-06-19T11:07:50.257 に答える
0 
background-image:url('paper.gif');
background-repeat:repeat-X;

これを試して

于 2012-06-19T10:26:49.897 に答える
0

http://www.w3schools.com/cssref/css3_pr_background-size.asp

これはあなたが勉強するのに役立ちます...

于 2012-06-19T10:30:18.100 に答える