0

我想隐藏一个包含工具提示的跨度元素，使用与背景相同的字体颜色，以便屏幕阅读器可以看到它并且在页面上不可见，但是如果你将鼠标悬停在它上面，你仍然可以看到工具提示（它不使用显示：无）。

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

如何做到这一点？需要使用 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>
4

3 回答 3

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
}
于 2014-10-07T09:01:20.887 回答
0

你试过用 plaincolor:#000;你试过用color:transparent;. 其中之一应该使您的文本不可见。

于 2014-10-07T08:30:14.057 回答
0

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

于 2014-10-07T08:32:01.677 回答