html - 不要在背景图像的 div 中显示文本

Question

我有这个 div:

<div class="inauguration-image">
  I do not want this text to display, just here for description
</div>

这是它的CSS:

.inauguration-image {
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    background: url("/images/inauguration_block.png") no-repeat;
    position:relative;
    width:760px;
    height:552px;
}

我不想显示文本，我该怎么做呢？

Answer 1

.inauguration-image {
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    background: url("/images/inauguration_block.png") no-repeat;
    position:relative;
    width:760px;
    height:0;
    padding-top:552px;
    overflow:hidden;
}

设置height:0 和overflow:hidden 隐藏你的文本； padding-top:552px 使元素足够大以显示背景图像。这是一个非常便携的解决方案。