可能是因为网页的比较长,长度超出了屏幕(出现了滚动条)。这时可以利用CSS属性background-attachment指定背景图像是固定在屏幕上的、还是随着它所在的元素而滚动。
可以这样设定背景:
<body style="background-image: url("图片文件地址"); background-attachment: fixed;">
这样
背景图片就会固定住,不会因页面滚动而重复。
使图在任何大小的屏幕都不会显示重复,可以这样设定背景(图像不平铺):
<body style="background-image: url("图片文件地址"); background-repeat:no-repeat;">
两者结合:<body style="background-image: url("图片文件地址"); background-repeat:no-repeat; background-attachment: fixed;">