2010-11-26 159 views
1

我有數百個圖像將隨機加載和顯示,然後更改爲另一個圖像(有4個圖像框,每個圖像顯示10秒的特定圖像,然後更改爲另一個完全隨機的圖像。)圖像角落上的圓角邊界漸變背景拉伸

現在這些圖像需要四捨五入,但我已經嘗試了所有可能的方法,我能想到的。 由於背景被拉伸(液體模板),我無法使用透明圖像放置具有圓角的圖像。 (js角落)(不工作與圖像轉換和太多延遲),試圖使用圖像放置過度(看起來很可怕),css圓角(需要是更多的跨瀏覽器)。我能想到的唯一方法就是PHP,但是這真的是CPU密集型的,並且會有很多圖像。

我正在尋找一些想法,也許不同的背景圖像和定位爲每個決議而不是一個單一的拉伸背景?但我寧願不加倍加載時間。

任何想法?

  • 史蒂夫

回答

0

這是很難修復,但IE9將支持CSS邊界半徑在2011。當然,很多人會在相當長的時間內使用IE7/8,所以這不太理想。

可能使用的黑客攻擊方法如下:http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser。我沒有嘗試過,但我會在未來。

希望這有助於

詹姆斯

編輯:我不知道這將曲線您的圖片,雖然它可能 - 快速瀏覽一下通過源看來,宏達文件實際上創建的角落逐個像素的半徑。