如何从这个HTML中删除文本

Question

<div class="breadcrumb">
<h2 class="element-invisible">You are here</h2>
<a href="/cashback/">Home</a> 
admin
</div>

任何人都可以建议如何使用css从上面的html中删除“admin”吗？我无法直接修改html。

Answer 1

有一种方法可以用CSS做到这一点：

.breadcrumb {
    visibility: hidden;
}

.breadcrumb * {
    visibility: visible;
}

Answer 2

如果你有这个html的变量，你可以使用str_replace('admin','',$var_name);。

Answer 3

您可以使用：

<span style="display:none;">admin</span>

Answer 4

尝试使用位置相对的左侧负位置，我不知道您是否可以在Drupal站点中应用这些样式没有问题，但至少它适用于小提琴。
http://jsfiddle.net/cadence96/M5pfV/1/

首先给容器一个相对位置，将它移离视图，使用左侧的CSS样式：-9999px
然后选择子元素，给它们相对位置，并用左边的样式：9999px，这样你就可以在视图中找到你需要的元素了。

PD：我尝试使用与负文本缩进相同的过程，但我不知道它为什么不起作用。

Answer 5

text-indent:-9999px;
position:relative;

对于IE7：

text-transform:uppercase;