JQueryのfadeInメソッドとfadeOutメソッドを使用していくつかの画像をサイクリングしている私のホームページで作業しています。Safari/Chromeでborder radiusプロパティを使用している画像コーナーが正しくフォーマットされていません。
画像の境界は2ピクセルで、半径は14ピクセルです。
ご覧のとおり、画像の隅が枠線に重なっています。
この現象は、FirefoxとIEではなくSafariとChromeでのみ発生します。
誰もが理由を知っていますか？
http://www.findyourgeek.com/index-copy.php
ありがとう：
現在地この動作を見ることができます。
クローム/ Safariで画像上のborder-radiusのサポート（というかWebkitのは）ビットバギー
Chrome -webkit-border-radius bug? - CSS-Tricks Forums
のようだ時には、上記のポストは（10版〜クローム）年に以前からあります画像上のborder-radiusのサポートは機能していませんでした。サポートは利用可能ですが、見ているようにまだいくつかの問題があります。あなたが見ているバグをWebkit/Chrome/Safariプロジェクトに報告したいかもしれません。 Chromiumのバグ報告ページを見つけるのはかなり簡単で、他の2つについてはわかりません。あなたは2ピクセルborderを削除し、2ピクセルストロークbox-shadow（box-shadow:0 0 0 2px #606060;）を設定することにより、CSS3ハックのようなものを適用することができます
：
は、ここでの回避策のための2つのアイデアです。それはクローム/サファリexample jsfiddle
またはコースのための唯一の修正ですので、これは、他のオプションは、彼らに丸みを帯びた角を与えるために写真を編集することで、いくつかの欠点を持っているでしょう（http://www.roundpic.com/は、このための良いサイトです）
は、画像自体からボーダースタイルを削除し、
#content #topStoriesTest {
border: 1px solid #CCCCCC;
border-radius: 14px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
height: 318px;
overflow: hidden;
position: relative;
width: 549px;
}