带圆角的jCarouselLite容器

Question

我戏剧性地需要帮助我的滑块。它必须有圆角。我使用的是jCarousellLite，你可以在这里找到它的代码：http://www.gmarwaha.com/jquery/jcarousellite/js/jcarousellite_1.0.1.js。

我自己的代码：

<script type="text/javascript">
$(function() {
$(".newsticker-jcarousellite").jCarouselLite({
        vertical: true,
        visible: 6,
        auto:1000,
        speed:500
    });
});

</script>

            <div class="newsticker-jcarousellite" style="float:left;width:120px;border-top-left-radius:20px">
                <ul>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                </ul>
            </div>

div的边界半径不起作用，我知道为什么，但我不知道如何解决这个问题。

Answer 1

尝试隐藏溢出：

<div class="newsticker-jcarousellite" style="float:left;width:120px;border-top-left-radius:20px;overflow:hidden">