用CSS隐藏span，但显示工具提示(必须使用高对比度和IE8)

Question

我想隐藏一个span元素，其中包含一个使用与背景字体相同颜色的工具提示，这样它在屏幕阅读器中是可见的，在页面上是不可见的，但是如果您悬停在它上面，您仍然可以看到工具提示(它不适用于display:none)。

但是，如果您打开窗口上的高对比度，如文本所示，这是不起作用的。

如何才能做到这一点？需要与IE8和没有JS工作。

谢谢你的帮忙!

<span title="vers_1.2.3.4" style="font-color:#000; background-color:#000">
Version
</span>

解决办法：

<span title="vers_1.2.3.4" style="font-color:#000; background-color:#000;">
 <p style="display:none">Version</p>
</span>

Answer 1

试试这把小提琴，也许这是你想要的

http://jsfiddle.net/8s1rbp65/2/

<span title="vers_1.2.3.4" style="font-color:#FFF; background-color:#fff">
    <p>Version</p>
</span>

span p{
    color:transparent;
    border:1px solid #000;//this is to identify the text, remove this
}

Answer 2

你试过使用普通的color:#000;吗?你试过使用color:transparent;吗？其中一个应该会让你的文字看不见。

Answer 3

您可以使用visibility:hidden;隐藏内容，它将提供与display:none;不同的所需空间。