0

我想在我的页脚上使用“全宽”条纹，但显然它不想工作。这是我现在拥有的示例。：

页脚

我希望页脚在其 div 上执行 repeat-x。所以，一直到屏幕结束（就像它在上部完成的那样）。这可能是非常简单的事情，但我对 CSS 样式相当缺乏经验，所以请帮帮我。

[编辑] 页脚 div 在包装器内。div 的边缘与包装器宽度对齐。我的问题是它是否有可能“重叠”限制，直到屏幕结束。

我也想给它一个具体的位置，不随文末而变。我知道我需要将它用作位置：绝对，但它总是出现在标题之后，即使我给它一个 Y 位置。我可能忘记了一些简单的事情。

这是我在页脚类中的现有代码：

#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 回答