2010-11-26 14 views
1

ランダムにロードして表示する数百の画像があります(4つの画像ボックスがあり、それぞれが特定の画像を10秒間表示してからグラデーション背景が伸びている画像コーナーに丸みを付けた辺

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

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

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

アイデア?

  • スティーブ

答えて

0

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

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

希望、

ジェームズ

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

0

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

関連する問題