如何从此 html 中删除文本答案

【问题标题】：How to remove the text from this html如何从此 html 中删除文本
【发布时间】：2012-05-23 06:58:22
【问题描述】：

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

谁能建议如何使用 css 从上述 html 中删除“admin”？无法直接修改html。

【问题讨论】：

实现这一点的唯一方法是拥有一个仅选择文本节点的 css 选择器，并将display:none 应用于它。不幸的是，没有，所以你的问题无法单独使用 css 来回答:( stackoverflow.com/questions/5688712/…
你会用javascript吗？你能在<head> 部分放一个<script> 标签吗？
看看，用javascript randomsnippets.com/2008/03/07/…
谢谢大家:):) 我从没想过我会得到你们这样的支持。 Wesley 的解决方案在我的案例中提供了诀窍。再次感谢很多朋友:):)

【解决方案1】：

有一种方法可以只使用 CSS：

.breadcrumb {
    visibility: hidden;
}

.breadcrumb * {
    visibility: visible;
}

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

你可以使用：

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

【讨论】：

【解决方案4】：

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

首先给容器一个相对位置，将其从视图中移开，应用左侧的css样式：-9999px
然后选择子元素，给它们相对位置，并使用 left: 9999px 设置它们的样式，这样您就可以在视图中获得必要的元素。

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

【讨论】：

【解决方案5】：

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

对于 IE7：

text-transform:uppercase;

【讨论】：