相关疑难解决方法(0)

阻止内容overflow: hidden;和border-radius翻译时,其角落不隐藏.有没有解决方法可以解决这个问题？

HTML

<div class="scroller">
    <div class="scroller-content"></div>
</div>

CSS

.scroller{
    width: 300px;
    height: 500px;
    border: 3px solid red;
    border-radius: 30px;
    overflow: hidden;
}
.scroller-content{
    width: 300px;
    height: 300px;
    background: green;
    -webkit-transform: translate3d(0, -8px, 0);
}

http://jsfiddle.net/aZ5Qn/

我正在尝试使用幻灯片动画选项在flexslider上查看舷窗窗口.基本上图像会滑动但是被圈成屏幕而我正在尝试使用border-radius和overflow来实现这一点:隐藏在flexslider包装器上.

在Firefox中查看此页面以查看所需的结果,使其在那里工作.然后看到它不在Chrome或Safari中.这是链接(幻灯片是我的照片):http: //imjoeybrennan.com/about.html

任何帮助深表感谢!谢谢,乔伊