Question

解：从父div中删除font-family，font-size和color。

编辑：仅当我按CTRL + F5

时才会出现问题

EDIT2：我将问题追溯到.site-footer：position：absolute; 。似乎如果我将它改为相对问题就会消失。

我正在开发的网站上遇到一个奇怪的错误。有两个问题：

有些时候文本根本没有显示（虽然文字的边框显示）但是当我将鼠标悬停在它上面时，它会开始显示。
文字是毛刺Ex：而不是“SYDNEY”文本是“TZDOEZ”，我必须刷新页面或更改浏览器窗口尺寸以解决问题。

其他人遇到了这个问题吗？

要明确：

文字颜色与背景颜色不同。

文本由纯HTML插入，而不是Javascript，PHP等

我使用Google字体中的Open Sans字体。

无论我使用什么字体，都会发生这种情况。

<footer id="colophon" class="site-footer" role="contentinfo">
<div class="full-width">
    <div class="left">
        <ul class="footer-list">
            <li><a href="#">Sydney</a> <span>Tel: +00 0 000 0000</span></li>                                              
           </ul>
    </div>
    <div class="right">
        <ul class="footer-list">
            <li><a href="#">Sydney</a></li>                                             
           </ul>
    </div>
</div>

CSS：

.site-footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background: #000000;
padding: 10px 20px;
font-family: 'Open Sans', sans-serif;
text-rendering: optimizeLegibility;
font-size: 13px;
color: #bcbcbc;
}
.footer-list li {
display: inline-block;
padding: 0 9px;
border-right: 1px solid #666666;
}
.footer-list a, .footer-list span {
display: block;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}

Answer 1

您是否尝试删除text-rendering: optimizeLegibility;并查看错误是否仍然存在？

文字未显示或字母被其他字母替换

1 个答案: