0

我的网站右侧有 3 个社交媒体按钮，可以在悬停时旋转一点。每当有人将鼠标悬停在它们上方时，它们都会使网站的字体在悬停时看起来几乎是粗体。它只发生在这些图像上，而且非常烦人。有没有人猜测为什么会发生这种情况？

这是用于每个按钮的 html/CSS im：

<div id="socialicon1"><a href="http://facebook.com/sentinelgaming" target="_blank"><img src="http://files.enjin.com/202624/social%20media/facebook%20square.png" width="50" height="50" alt="facebook button"/></a></div>

#socialicon1  img {
    position: fixed;
    top: 350px;
    right: 13px;
    -webkit-transition: all 0.5s ease-out; 
    -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 
    }

#socialicon1 img:hover { 
    -webkit-transform: rotate(-9deg); 
    -moz-transform: rotate(-9deg); 
    -o-transform: rotate(-9deg);
}

这是网站本身，所以你可以看看它：http ://www.sentinelgaming.net

提前致谢！

4

1 回答 1

1

这是 webkit 的一个已知问题：http: //css-tricks.com/forums/discussion/18538/transforms-cause-font-smoothing-weirdness-in-webkit/p1

于 2013-02-13T18:50:34.937 回答