CSS图像上的圆角

CSS图像上的圆角,css,rounded-corners,Css,Rounded Corners,在这个论坛和其他论坛上做了一些调查,但我不太清楚我遇到的问题是什么 我在一个滑块内的类上设置了一个边界半径,它以圆角开始,但当下一张幻灯片中的每个图像通过时,它们会恢复为非圆角 有关网站如下: 而宣传片的形象部分正是我遇到麻烦的地方 修复了链接我认为您需要添加: .nivo-slice { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; } 到您的CSS文件 编辑: 正如爱

在这个论坛和其他论坛上做了一些调查,但我不太清楚我遇到的问题是什么

我在一个滑块内的类上设置了一个边界半径,它以圆角开始,但当下一张幻灯片中的每个图像通过时,它们会恢复为非圆角

有关网站如下:

而宣传片的形象部分正是我遇到麻烦的地方


修复了链接

我认为您需要添加:

.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中应该可以正常工作。您可能还需要将
添加到标题中。

我认为您需要添加:

.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中应该可以正常工作。您可能还想将
添加到标题中。

顺便说一句,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 */
}

要使用
行为
,您需要从下载相应的文件。

顺便说一句,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 */
}


要使用
行为
,您需要从下载相应的文件。

您的链接对我不起作用。它没有断开,他们不允许我输入IP地址,所以我写了两个,而不是2。您在哪个浏览器中测试?我在Firefox 14的滑块中看到每个图像都有圆角…在IE9中效果很好(哇!),只有第一个图像在Chrome(Win7)中有圆角。你的链接对我不起作用。它没有断开,他们不允许我输入IP地址,所以我写了两个,而不是2。你在哪个浏览器中测试?我在Firefox 14的滑块中看到每个图像都有圆角…在IE9中工作正常(哇!),在Chrome(Win7)中只有第一个图像有圆角。这就成功了!我猜它在IE中不起作用,但我也不太在意它应该在IE9中起作用。将此添加到标题:
:)选中的ie8未选中的ie9是的,成功了!我猜它在IE中不起作用,但我也不太在意它应该在IE9中起作用。将此添加到标题:
:)选中的ie8未选中的ie9yet@KevinIE6、IE7和IE8需要它,它们不支持
边界半径
选项。“在这些浏览器中显示圆角有问题吗?我知道它不支持边界半径-我想这就是这种行为的目的?”凯文说,“是的。”。所以,我不明白你是如何意识到它不起作用的?当我添加行为时,我认为它不起作用,然后用一个旧的浏览器测试它。。。也许我有点困惑——这种行为为旧版本的ie增加了圆角,对吗?添加了行为,检查了ie8,没有骰子。@Kevin Hm,这很有趣。我会尽快回答。@Kevin IE6、IE7和IE8需要它,它们不支持
边界半径
选项。“在这些浏览器中显示圆角有问题吗?我知道它不支持边界半径-我想这就是这种行为的目的?”凯文说,“是的。”。所以,我不明白你是如何意识到它不起作用的?当我添加行为时,我认为它不起作用,然后用一个旧的浏览器测试它。。。也许我有点困惑——这种行为为旧版本的ie增加了圆角,对吗?添加了行为,检查了ie8,没有骰子。@Kevin Hm,这很有趣。我一弄明白就回答。