jQuery的 - 在IE中隐藏链接/“一个”元素的文本

嗨
假设我有一个这样的代码：jQuery的 - 在IE中隐藏链接/“一个”元素的文本

<a style="background: url(button.jpg);" herf="#">test</a>

该代码会显示一个按钮图像的链接，而在Chrome/FF时，文本“测试”没有显示，但在IE中显示。

我尝试使用文本缩进：-999px来隐藏文本“测试”，而不是工作，有人可以提供这个问题的想法？

找到了解决办法： http://schleichermann.wordpress.com/2009/02/25/css-hide-link-text-let-your-images-shine-through/

感谢您

来源

2010-12-21 Charles Yeung

我试过HTML片段上面，它显示在所有的浏览器文本 - 铬/ FF/IE。我也注意到你正在使用'herf' - 我希望错字不在你的代码中。 – anirvan 2010-12-21 07:27:12

使用jQuery：

$("a").contents().hide();

来源

2010-12-21 07:36:54

感谢您的想法，您的代码工作 – 2010-12-21 07:40:42

我不知道你可以选择标签的内容。 +1 – Mike 2010-12-21 07:42:29

我无法在任何主流浏览器中使用此工具：FF 3.6，IE8和Chrome 8.我在做什么错了？ http://jsbin.com/ifedo3 – Kobi 2010-12-21 07:46:42

使用CSS atributes隐藏元素

display:none; visibility:hidden;

来源

2010-12-21 07:20:49

感谢您的建议，但我想隐藏文本里面的文本“a”，而不是隐藏元素“a” – 2010-12-21 07:30:42

尝试仅使用可见性：隐藏。显示和可见性之间的区别在于显示隐藏标记，而可见性隐藏内容。这意味着，如果您使用display：none，那么文档看起来好像没有标签，而且具有可见性：隐藏，a-tag仍然占据了之前的位置（宽度和高度），但是呈现为具有可见性无内容。 – Mike 2010-12-21 07:40:16

U可以用jQuery做：

$('a').hide();

如果ü要显示的链接：

$('a').show();

来源

2010-12-21 08:09:09

'hide'也会隐藏背景图片，并且不会让你点击链接。 – Kobi 2010-12-21 17:33:56

jQuery的 - 在IE中隐藏链接/“一个”元素的文本

回答

相关问题