javascript - 使用 cufon/sifr 时如何允许用户选择文本？

Question

以这个站点为例，主标题：Working with Sessions and Cookies in PHP and MYSQL is with cufon。

http://blog.themeforest.net/tutorials/working-with-sessions-and-cookies-in-php-and-mysql/

我需要一种使用 Javascript（放置在小书签中）的方法来获取用户选择的标题，就像您要进行检查一样。所以操作将是用户突出显示文本并点击一个按钮。但是选择不会发生，并且 DOM 中没有文本，只有一些 cufon 注入的画布内容。

怎么可能？

Answer 1

Cufon 将文本替换为图像，但其背后隐藏了文本以供屏幕阅读器和可访问性使用。如果你检查元素，你会看到它，所以它在 DOM 中。您可能想尝试更改其 CSS，使其位于 cufon 文本的上方或下方，可能将不透明度设置为 0.01，使其不可见但可选择。

我自己没有尝试过，但这是我在这种情况下尝试的第一件事:)

就像是：

cufon cufontext {
  display: inline-block !important;
  height: 16px;
  overflow: visible;
  text-indent: 0;
  width: auto;
  font-size: 16px;
  opacity: 0.1;
  position: relative;
  top: -16px;
}