猫头鹰旋转木马的阴影添加了白色边框

owl-carousel box-shadow adds white border

本文关键字:白色 边框 添加 阴影 旋转木马 猫头鹰      更新时间:2023-09-26

我使用ouwl转盘作为主页转盘。

这是的例子

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

我读过应用:显示:块;线路高度:0;但是什么都没用

这里有一把小提琴(有时效果很好,没有边界(我不知道为什么)),只有旋转木马,如果你愿意的话可以测试。

移动结果的窗口大小以获得更好的转盘图像体验。

我正在将阴影应用于转换为旋转木马的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);

}

您可以尝试给.owl包装外部框阴影(只有当图像大小相同时才有效)。

如果您的图像较小,则如果框阴影被截断,则为图像提供框阴影,并为.owl项目提供填充。