如果
为空,背景图像不会出现?

2024-01-15

我创建了一个<div>第一件事是在<body>在页面顶部绘制顶线:

<body>
    <div class="bordertop"></div>
    .....
</body>

和风格:

body {
    font-family: Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    margin:0;
}
.bordertop {
    background-image: url(../images/top_border.png);
    background-repeat: repeat-x;    
}

但是,那top_border image除非我在里面写一些文字,否则不会出现<div>但我不想。我该如何解决这个问题?


由于 div 是空的,因此没有内容可以将其“打开”,从而使 div 的高度为 0px。在 div 上设置明确的尺寸,您应该会看到背景图像。

.bordertop 
{
    background-image: url(../images/top_border.png);
    background-repeat: repeat-x;    
    height: 100px;
    width: 100%; /* may not be necessary */
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如果
为空,背景图像不会出现? 的相关文章