我创建了一个<div>第一件事是在<body>在页面顶部绘制顶线:
<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>但我不想。我该如何解决这个问题?
top_border image
由于 div 是空的,因此没有内容可以将其“打开”,从而使 div 的高度为 0px。在 div 上设置明确的尺寸,您应该会看到背景图像。
.bordertop { background-image: url(../images/top_border.png); background-repeat: repeat-x; height: 100px; width: 100%; /* may not be necessary */ }