css - font-size 0 仍然显示在 IE7 中

Question

出于某种奇怪的原因，当我设置 font-size:0px; 在我的锚链接样式表中，IE7 仍然显示文本的微小版本。我应该考虑做些什么来完全隐藏文本而不使用文本缩进？

锚本身在 css 中使用背景图像。我只是想在 HTML 页面上隐藏锚链接中的文本。

Answer 1

visibility: hidden并且display: none是隐藏元素的标准。

两者之间的区别在于它的visibility作用类似于不透明度，其中元素被隐藏但仍会影响页面的布局（例如，200px 高的元素仍会使其下方的元素比不存在时低 200px）。

display就好像该元素根本不存在一样 - 如果第一个元素不存在，200px 高的元素不会使其下方的元素低 200px。

摘要：
因此，如果您想隐藏文本并在其位置留一个空格，请使用visibility: hidden. 如果您想隐藏文本并让它表现得好像它根本不存在，请使用display: none

Answer 2

我建议您为文本创建一个单独的类并设置

visibility:hidden;

对于那个班级。