owl-carousel box-shadow增加了白色边框

Question

我正在使用ouwl carousel作为主页旋转木马。

这里有example

问题是在底部和右侧部分创建了白色边框。

我读过申请：display：block;行高：0; 但没有任何效果

这里你有一个fiddle（它有时很好，没有边框（我不知道为什么））只有旋转木马，如果你想要进行测试。

移动结果的窗口大小，以便更好地体验轮播图像。

我正在将影子转移到转换为旋转木马的div：

#carousel{
position: relative;
width: 100%;
box-sizing:border-box;
background-size: 100%;
height: auto;
display: block;
text-align: center;
margin-top: 5px;
line-height: 0;
-webkit-box-shadow: 4px 4px 2px 0px rgba(0,0,0,.4);
-moz-box-shadow: 4px 4px 2px 0px rgba(0,0,0,.4);
box-shadow: 4px 4px 2px 0px rgba(0,0,0,.4);

}

Answer 1

您可以尝试将 .owl-wrapper-outer 设置为阴影（仅在图片尺寸相同时才有效）。

如果图像较小，则如果剪切了阴影，则为图像提供方框阴影和 .owl-item 填充。