Не получается заставить «замену текста» работать на простом div, почему?

Question

Я делаю что-то глупое ... но я просто не вижу этого.Я пытаюсь переместить свой текст за пределы экрана, чтобы приспособить его для чтения с экрана, и использую фоновое изображение для презентации

<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; 
}

Answer 1

Не уверен, не видя, что вы получаете.

Вы можете попробовать установить overflow: hidden; text-indent: 200px;

Answer 2

Этот фрагмент прекрасно работает сам по себе.В вашей таблице стилей или HTML должен быть конфликт в другом месте.

Одно слово, однако, для чего нужен текст "Член клуба"?Возможно, вы захотите изменить тег div на H1 или похожий тег.Вы все еще можете стилизовать его соответствующим образом, поскольку у вас уже есть «display: block».

Answer 3

Попробуйте добавить 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: Отличный трюк для стиля вашегоФорма HTML