Question

我做了一些研究，我的H1标签在悬停时顶部有一点空间。找到这个答案并实现了代码，看起来这是添加optimizeLegibility的一个问题：CSS: Text color slightly offset in Safari/Firefox

但是，我仍然看到问题仍然存在。 As you can see in my example，悬停颜色为灰色，但原始颜色（红色）的一小部分仍然存在。

有谁知道我还能做些什么来解决这个问题？该问题仅出现在Chrome for OSX / Win7中。

这是标记：

    <h1 class="entry-title">
    <a rel="bookmark" href="http://www.linklinklink.com">Blazers look to stop Jeff Green on fastbreak in matchup with Celtics</a>
    </h1>

和CSS

    .entry-header .entry-title {
color: #EE3A44;
float: left;
font-family: 'OswaldBold',sans-serif;
font-size: 38px;
font-weight: 100;
margin: 5px 0 0;
text-decoration: none;
text-rendering: optimizelegibility;
text-shadow: 1px 1px 0 #000000;
text-transform: uppercase;
width: 100%;
word-wrap: break-word;


    .entry-title a {
text-decoration: none;
text-rendering: optimizelegibility;

由于

H1 CSS悬停优化Chrome中的易读性问题

0 个答案: