html - 无法在简单的div上使用“文本替换”功能，为什么？

我正在做一些愚蠢的事情，但是，我只是看不到它。我正在尝试将文本移出屏幕以容纳屏幕阅读器-并使用背景图像进行演示

<div class="memberstatus-clubmember">
    Clubmember
</div>


.memberstatus-clubmember {
   background: transparent url(/memberStatus/clubmember.png) no-repeat 0 0;
   display:block;
   width:193px; /* width of image */
   height:15px; /* height of image */
   text-indent:-999999px;
}

最佳答案

尝试添加position: absolute;

.memberstatus-clubmember {
   background: transparent url(/memberStatus/clubmember.png) no-repeat 0 0;
   display:block;
   width:193px; /* width of image */
   height:15px; /* height of image */
   text-indent:-999999px;
   position: absolute;
}

这应该有助于：


CSS text-indent: An Excellent Trick To Style Your HTML Form

关于html - 无法在简单的div上使用“文本替换”功能，为什么？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4108377/