css - CSSで画像の角を丸くする

Question

このフォーラムや他のフォーラムでいくつかの調査を行いましたが、私が抱えている問題が何であるかを完全に理解することはできません..

スライダー内のクラスに境界半径を設定すると、角が丸くなりますが、次のスライドで各画像が通過すると、丸みを帯びていない状態に戻ります。

問題のウェブサイトはこちら: http://goo.gl/8i8g2

プロモーション画像セクションは私が問題を抱えているものです..

リンクを修正しました

Answer 1

追加する必要があると思います：

.nivo-slice
{
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
}

あなたのCSSファイルに。

編集：

Edward Ruchevits が以下で指摘したように、以下も追加できます。

-khtml-border-radius:15px;
-o-border-radius:15px;

他のブラウザをサポートします。

そして、これは > IE9 で正常に動作するはずです。<meta http-equiv="X-UA-Compatible" content="IE=edge">ヘッダーに追加することもできます。

Answer 2

ちなみに、snuffnの答えは完全ではありません。古いIE用とLinuxユーザー用の2つのオプションがあります。

.nivo-slice
{
    behavior: url("border-radius.htc");

       -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari and Chrome */
     -khtml-border-radius: 15px; /* Linux browsers */
            border-radius: 15px; /* Opera 10.50, IE and CSS3 */
}

を使用するには、 GoogleCodebehaviorから適切なファイルをダウンロードする必要があります。