不要在背景图像的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无论如何,使元素足够大以显示您的背景图像.这是一个非常便携的解决方案.