如何維護自動圖像滑塊邊框上的圓角

您好我正在使用Soh Tanaka的自動圖像滑塊，其中我的圖像上使用css3 border-radius指定了圓角。如何維護自動圖像滑塊邊框上的圓角

image when static

我遇到的問題是，當圖像之一之間動畫另一外觀是一個矩形圖像的，因爲徑向角與每個圖像的「窗口」包裝物的範圍內移動/面具。

image when in transition

我已經考慮使用「窗口」上人工角包裝紙然而採用div條因爲我有滑塊的外側的透明背景，這不是一個選項。

2011-03-01 Michael

你可以在圖像元素上使用'border-radius'嗎？或者將每個圖像包裝在一個容器'div'中，應用'border-radius'到*那個*？ – 2011-03-01 19:47:45

大衛，已經嘗試過，不幸的是它仍然有同樣的效果。 – Michael 2011-03-01 20:42:21

這聽起來像你需要去一個更老的學校，併爲您的圓角使用圖像。只要你用透明背景創建圖像，就不會有問題。

2011-03-01 19:55:26 muirbot

如前所述，由於滑塊位於具有透明背景的容器內，因此我無法將圖像用於圓角。 – Michael 2011-03-01 20:58:56

@Mike，甚至更多的老派：繞過幻燈片放映圖像的角落（而不是css）。 – Nimrod 2011-03-01 22:32:04

@Nimrod我也試過，但結果仍然是透明的div上的圖像鹼液相同，所以如果我修剪圖像的角落給圓潤的外觀，它沒有區別 – Michael 2011-03-01 23:09:19

回答