1

我试图在我的内容区域上方的页面顶部有一个带有边框的标题图像，但由于某种原因，我的 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}
4

1 回答 1

1

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

编辑：
根据您的编辑和发布的屏幕截图，看起来您没有重复图像，因为您在背景和图像标签中都包含了图像。您应该选择其中一个，但要使其正确排列，您需要删除填充和边距：

.subheader img {
    border:1px solid #ccc;
    padding:5px;    <--- TAKE THIS OUT
    margin: 0px;    <--- ADD THIS
    background:#efefef
}
于 2012-06-06T17:15:06.943 回答