1

ページに典型的なリンクがあります。ホバーすると、リンクは境界線の色と境界線の半径を受け取ります。Safari 6 では、マウスがリンクから離れたときに、非常にかすかな境界線の色が残ることに気付きました。リンクの上にもう一度カーソルを合わせると、境界線の色が設定されていなくても、境界線がどんどん暗くなる場合があります。border-radius が設定されていない場合、問題は発生しません。

Firefox または Chrome (Mac の場合) で問題を再現できません。私が見つけた最も簡単な修正は、ベース アンカー スタイルに単色または透明な境界線の色を指定することでした。これは単に Safari のレンダリング バグでしょうか?

レンダリングの問題へのリンク: http://jsfiddle.net/zafer/msnak/4/

4

3 に答える 3

0

バックグラウンドクリップソリューションで問題が解決しました。https：//stackoverflow.com/a/3447130/1200097で詳細を確認してください。プロパティを並べ替える必要がある可能性があります。

于 2013-02-18T12:57:34.600 に答える
0

border-radius の値をアンカー要素のパディングと等しくしてみて、それが役に立たないかどうかを確認してください。Safari 6でも同じ問題が発生しましたが、修正されたようです。

したがって、CSS コードは次のようになります。

a {
  display: inline-block;
  padding: 15px;
  border-radius: 15px;
}

a:hover {
  background: #004184;
}
于 2013-01-28T09:00:00.013 に答える