Есть ли способ скрыть содержимое элемента, но сохранить его содержимое :before
видимым?
Скажем, у меня есть следующий код:
HTML:
<span class="addbefore hidetext">You are here</span>
CSS
.addbefore:before {
content: "Show this";
}
.hidetext {
// What do I do here to hide the content without hiding the :before content?
}
Я пробовал:
- с помощью
display: none
и установкиdisplay: inline
на:before
, но оба они все еще скрыты - используя
width: 0; overflow: hidden
;, но затем добавляется дополнительное пространство (?) - используя цвет: прозрачный;, но тогда, конечно, содержимое диапазона по-прежнему занимает пространство
- используя
text-indent: -....px
, но- это недоволен поисковыми системами и
- Кажется, что он не работает для элементов span (?)
Любые другие идеи относительно того, как я могу это сделать?