如何维护自动图像滑块边框上的圆角

您好我正在使用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

回答