html - 背景重复不起作用

Question

我制作了一个简单的 html 页面，上面有一个图像显示为标题。问题是图像没有重复。

当我将 width 设置为 100% 时，td (side) 消失了。如果我从 basestrip 中删除 width，那么它只会覆盖一半的屏幕区域。我想用指定高度的图像覆盖整个屏幕。

<table cellpadding="0" cellspacing="0">
    <tr>
        <td id="side" width="10px" height="25px"></td>
        <td></td>
        <td id="basestrip" width="100%" height="25px">
                    </td> 
             </tr>
</table>  

这是CSS:

#side {
background-color: #014160;
}

#basestrip {
    background-image: url('../Images/topstripbg.png');
    background-repeat: repeat-x;    
}

Answer 1

尝试在您的表格中添加一个 width="100%"(或更好的 style="width: 100%"或应用 width: 100% 的 CSS 样式更好)。使用您的代码，单元格占据表格的 100%。但表格默认采用所有单元格内容的大小。