我在我的网站上集成了 nivo 滑块,我使用的是 jquery !不是wordpress插件。我安装时没有问题,因为它可以立即运行,但是当我遇到一个我想让它变得更好的想法时,我尝试在 .nivoSlider 类上添加一些样式
padding: 8px;
border: 1px solid #ccc;
background: #fff;
-moz-box-shadow: 0 0 5px 5px #888 !important;
-webkit-box-shadow: 0 0 5px 5px#888 !important;
box-shadow: 0 0 5px 5px #888 !important;
起初,填充仅适用于滑块的顶部和底部,甚至使用边框,直到我替换
height: 100%;
至
max-height: 100%;
在 .nivoSlider 类中
但现在这里的主要问题是盒子阴影,因为阴影在滑块的两侧被切掉,我的意思是滑块的左右两侧没有显示阴影(阴影没有遍布盒子) ,相反,框阴影仅显示在滑块的顶部和底部。
我不知道发生了什么,但我试图弄清楚发生了什么以及如何解决这个问题,所以我在这里询问如何在滑块中实现全框阴影的建议和想法。
谢谢。