css - 使用 CSS 对图像进行圆角处理

Question

在这个论坛和其他人中进行了一些调查，但我不太清楚我遇到的问题是什么..

我在一个滑块内的一个类上设置了一个边框半径，它从圆角开始，但是随着下一张幻灯片通过每个图像，它们恢复为非圆角。

有问题的网站在这里：http: //goo.gl/8i8g2

促销图片部分是我遇到问题的部分..

修复了链接

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;

支持其他浏览器。

这在> 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下载相应的文件。