Question

在这个论坛和其他人中做了一些调查，但我无法弄清楚我遇到的问题是什么..

我在滑块内的类上设置了border-radius，它以圆角开始，但随着每张图像通过下一张幻灯片，它们将恢复为非圆形。

和促销图像部分是我遇到麻烦的那个..

修正了链接

Answer 1

我认为您需要添加：

.nivo-slice
{
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
}

到你的CSS文件。

编辑：

正如Edward Ruchevits在下面指出的那样，您可能还想添加：

-khtml-border-radius:15px;
-o-border-radius:15px;

支持其他浏览器。

这应该在＆gt; IE9中正常工作。您可能还想在标题中添加<meta http-equiv="X-UA-Compatible" content="IE=edge">。

Answer 2

顺便说一下， snuffn 的答案还不完整，还有两个选项：旧IE和Linux用户。

.nivo-slice
{
    behavior: url("border-radius.htc");

       -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari and Chrome */
     -khtml-border-radius: 15px; /* Linux browsers */
            border-radius: 15px; /* Opera 10.50, IE and CSS3 */
}

要使用behavior，您需要从Google Code下载相应的文件。

使用CSS在图像上的圆角

2 个答案:

编辑：