0

我有一张图片作为横幅，我从谷歌下载了一张更好的图片，遗憾的是它的宽度更小，所以它重复了 2 次又四分之一。我希望它不再重复。除了调整图像的大小以完全适合我当前 css 的指定高度和宽度。我怎样才能防止它重复，我尝试了 background: no-repeat; 无济于事..它取消了图像。

有这个CSS。

#banner{
   background:url(images/banner.jpg);
   float:left;
   width:500px;
   height:200px;
   border-bottom:1px solid #c8e0ff;
   background : no-repeat;
}
4

3 回答 3

4

您的第二个background标签正在覆盖您的第一个标签。我更喜欢将它们组合成一个标签。

background:url(images/banner.jpg) no-repeat;

于 2013-09-18T15:31:48.557 回答
1

试试这个：

background:  url(iamges/banner.jpg) top left no-repeat;

您可以将top和的值替换为left您自己的值。

或者background-repeat: no-repeat;

于 2013-09-18T15:30:14.723 回答
0

尝试改变

background : no-repeat;

到

background-repeat:no-repeat;
于 2013-09-18T15:30:53.677 回答