グラデーション背景が伸びている画像コーナーに丸みを付けた辺

Question

ランダムにロードして表示する数百の画像があります（4つの画像ボックスがあり、それぞれが特定の画像を10秒間表示してから

これらの画像を丸める必要がありますが、考えられるすべての可能な方法を試しました。 透明なイメージを使用して、背景が引き伸ばされているため（液体テンプレート）、角が丸いイメージを配置することはできません。

私はジャバスクリプトラウンドイメージコーナー（jsコーナー）を試しています（イメージの遷移とあまりにも多くの遅延で動作しません）、画像をオーバートップ（恐ろしく見えます）、cssの丸いコーナーより多くのクロスブラウザ）。私が考えることができる唯一の方法はPHPですが、それは実際にはCPUを大量に消費し、多くの画像が存在します。

私はいくつかのアイデアを探していますが、1つの伸びた背景ではなく、それぞれの解像度の背景画像と位置が異なる場合がありますか？しかし、私はむしろローディング時間を2倍にしたくないでしょう。

アイデア？

• スティーブ

Answer 1

これはほとんど修正されませんが、IE9はの2011年にCSSボーダー半径をサポートしていますもちろん、多くの人がIE7/8をかなりの時間使用しているので、これは理想的ではありません。

使用可能なハックは、ここではhttp://www.htmlremix.com/css/curved-corner-border-radius-cross-browserです。私はそれを試していないが、私は将来的になるだろう。このことができます

希望、

ジェームズ

EDIT：ありますが、私は、この意志曲線はあなたのイメージはよく分からない - ソースを介して簡単に見に.HTCファイルが実際にコーナーを作成しているようです半径ごとにピクセル単位で表示されます。

Answer 2

ねえ、...私のために正常に動作します:) thisを試してみてください。]