javascript - 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 box-shadow(只有当你的图像大小相同时才有效)。

如果您的图像较小，则给图像一个 box-shadow 和 .owl-item 一个 padding，如果 box-shadow 被切断的话。