如何防止我的背景重复?

时间:2013-02-03 06:16:20

标签: html css

我在1998年做了这个page,现在屏幕更宽,背景水平重复:

enter image description here

如何才能使迷彩色条在最左侧出现一次,最好使灰色延伸至全屏?我必须处理图像还是可以编码?

我发现这个改变并不简单,现在我只使用

<body bgcolor="#FFFFFF" background="back4.gif" text="#333366" link="#CC0000" alink="#999999" vlink="996666" marginheight=0 marginwidth=0>

背景很简单file

你能帮我解决问题吗?

4 个答案:

答案 0 :(得分:2)

使用background-repeat:no-repeat停止重复你的背景img,
从这里阅读link

修改
这个链接提供了很好的信息,请检查它 - link2

答案 1 :(得分:1)

使用css设置背景,如下所示:

<style type="text/css">
 body {
  background: url(path/to/back4.gif) no-repeat;

}
</style>

这将修复背景,对于其他样式,请阅读一下css。

答案 2 :(得分:1)

我想说做这样的事情

html, body{
    height:100%;
}
html{
    background: #777 url("http://i.imgur.com/t9EMKKM.jpg") top left repeat;
}
body{
    background: transparent url("http://i.imgur.com/sWhAr9t.jpg") top left repeat-y;
}

http://jsfiddle.net/daCrosby/hqZfW/

答案 3 :(得分:0)

<body bgcolor="#FFFFFF" style="background: url(http://web.comhem.se/nrz/back4.gif) no-repeat;" 
text="#333366" link="#CC0000" alink="#999999" vlink="996666" marginheight=0 marginwidth=0>

这应该解决它。