重复的CSS背景

Question

我的网站在更高分辨率上显示（见附页截图）。您可以看到黄色徽章和蓝色箭头以2k分辨率重复。

如何禁用此功能？不重复？请参阅下面的style.css。

@charset "utf-8"; body { margin:0; padding:0; width:100%; background: url(images/main_bg.gif); font: normal 12px/18px Arial, Helvetica, sans-serif; } html { padding:0; margin:0;}

a { text-decoration:none;} a:hover { text-decoration:underline;} /* main */ .main { padding:0; margin:0 auto;}

/********** header **********/
.blok_header {  margin:0;   padding:0;  background: url(images/header_bg.gif) top center repeat-x;  border-bottom-width: 1px;   border-bottom-style: solid;     border-bottom-color: #dddddd; }
.header { width:960px; margin:0 auto; padding:0;}
.header h2 { font:normal 36px Arial, Helvetica, sans-serif; color:#3c3c3c; padding:20px 0 20px 15px; margin:0; width:540px; float:left;}
.header p { font: italic 11px Arial, Helvetica, sans-serif; color:#0e0e0e; padding:25px 0 0 0; margin:0; width:400px; float:right; line-height:1.5em;}
.header a { color:#0096ce; text-decoration:none;}

/* logo */
.logo { padding:0; margin:0 auto; width:267px;}
.rss { width:200px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#ecece3; padding:10px 10px 5px 0; margin:0;} 
.rss a { margin:0; padding:0; float:right; display:block; width:16px; height:16px; padding:0 3px;}
.text {     width:320px;    text-align:right;   float:right;    margin:0;   padding:10px 0 0 20px;  font: normal 11px Arial, Helvetica, sans-serif;     color:#ffffff; }

Answer 1

在标题中，您将重复设置为repeat-x。将该行更改为：

.blok_header {  margin:0;   padding:0;  background: url(images/header_bg.gif) top center no-repeat;   border-bottom-width: 1px;   border-bottom-style: solid;     border-bottom-color: #dddddd; }

Answer 2

尝试将background-repeat设置为no-repeat，如下所示：

background-repeat:no-repeat

Answer 3

使用：

background-repeat:no-repeat;