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

Question

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

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

如何做到这一点？需要与 IE 8 一起工作，没有 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

试试这个 fiddle ，也许这就是你想要的

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
}