在 IE9 中单击时字体消失（自定义字体，页面上没有 Javascript）答案

【问题标题】：Font disappearing on click in IE9 (Custom font, no Javascript on page)在 IE9 中单击时字体消失（自定义字体，页面上没有 Javascript）
【发布时间】：2011-10-30 16:39:59
【问题描述】：

您可以在此处查看问题：

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

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

我正在使用重置 CSS：

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

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

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

更新：也发生在 IE8 中。

问候，康纳

【问题讨论】：

标签： html css internet-explorer internet-explorer-8 internet-explorer-9

【解决方案1】：

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

当您单击文本时，IE 将焦点放在您单击的 div 上，从而根据上述样式生成文本 transparent。

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

【讨论】：