如何删除默认的Bootstrap 3传送带控制背景渐变?

我敢肯定,这是我需要修改的代码,但由于某种原因,我不能让梯度消失在IE浏览器。 我希望他们完全消失!

.carousel-control { text-shadow: none; opacity: 1; filter: alpha(opacity=100) } .carousel-control.left { background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.5) 0), color-stop(rgba(0,0,0,0.0001) 100%)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%); background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) } .carousel-control.right { background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.5))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.0001) 0), color-stop(rgba(0,0,0,0.5) 100%)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%); background-image: linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) } .carousel-control:hover, .carousel-control:focus { opacity: 1; filter: alpha(opacity=100) } 
 .carousel-control.left, .carousel-control.right { background-image: none } 

IE浏览器有一个奇怪的filter,并试图修复它在IE9(应该适用于所有)时工作:

 .carousel-control.left, .carousel-control.right{ background: none !important; filter: progid:none !important;> } 

我注意到,当你点击它的时候,也会有这个恼人的虚线框,除非你添加这个:

总而言之,这使button美丽:

 .carousel-control.left, .carousel-control.right { background: none !important; filter: progid: none !important; outline: 0; } .carousel .carousel-control { visibility: hidden; } .carousel:hover .carousel-control { visibility: visible; } 

有专门的混音器来重置IE渐变(Bootstrap 3)。

上海社会科学院:

 .carousel-control { &.left, &.right { background-image: none; @include reset-filter(); } } 
 .carousel-control { opacity:100; } 

为我工作。 希望这可以帮助别人。