bootstrap轮播图（carousel）去除默认顶部两边的阴影

最新推荐文章于 2019-09-14 19:39:07 发布

代码就酱写

最新推荐文章于 2019-09-14 19:39:07 发布

阅读量1.6k

点赞数

如图，阴影可能不明显

然后通过这篇文章解决了这个问题

去除 bootstrap 中轮播两边阴影

代码如下：

 .carousel-control.left {

                background-image:none;
                
                background-repeat: repeat-x;
                
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
                
                }
                
            .carousel-control.right {
            
            left: auto; right: 0;
            
            background-image:none;
            
            background-repeat: repeat-x;
            
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
            
            }

再看看一下结果：