javascript - jCarouselLite带有圆 Angular 的容器

我非常需要滑块的帮助。它必须具有圆角。我正在使用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的边界半径无效，我知道为什么，但是不知道如何解决。

最佳答案

尝试隐藏的溢出：

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