html - 在 IE9 中单击时字体消失(自定义字体，页面上没有 Javascript)

Question

您可以在此处查看问题:

http://referrals.users34.interdns.co.uk/

它适用于所有其他浏览器，它使用由 PHP 生成的自定义字体(Base64 编码)。该页面上没有包含 javascript，文本似乎只是在改变颜色。但是，并不是所有使用该自定义字体的文本都会消失，只有正文和表格上方的文本(好吧，大部分)。导航和灰色文本保持不变。

我正在使用重置 CSS:

http://meyerweb.com/eric/tools/css/reset/

我试过谷歌搜索但找不到任何东西。

如果有人能提供帮助那就太好了，因为我完全不知道发生了什么!

更新:也发生在 IE8 中。

问候，康纳

Answer 1

罪魁祸首是 style.css 中 div:focus 的 color: transparent(第 59 行)

当您单击文本时，IE 将焦点放在您单击的 div 上，这使文本按照上述样式透明。

您可以删除该样式或为消失的元素明确设置颜色。