遇到重复bg图像的问题

Question

我正在尝试在我的内容区域上方的页面顶部设置带边框的标题图片，但出于某种原因，我的bg图片正在重复。你知道是什么导致图像重复吗？非常感谢任何帮助！

这是我的代码：

<div class="container_12">
<div class="subheader">
<img src="images/subheader_1.png" alt="Subheader" width="940px" height="240px" />
</div>
</div>

这是我的CSS：

.subheader{background:url(../images/subheader_1.png);background-repeat:no-repeat; min-height:300px; width:940px}

.subheader img {border:1px solid #ccc;padding:5px;background:#efefef}

Answer 1

您只在css中指定了background属性。这是一个期望在那里定义的所有设置的全局属性。要将background-repeat与您必须使用的图片background-image结合使用：

修改
根据您的编辑和发布的屏幕截图，看起来您没有重复图像，因为您已将图像包含在背景和图像标记中。你应该选择其中一个，但为了让它排成一行，你需要删除填充和边距：

.subheader img {
    border:1px solid #ccc;
    padding:5px;    <--- TAKE THIS OUT
    margin: 0px;    <--- ADD THIS
    background:#efefef
}