我很确定这是我需要修改的代码,但由于某种原因,我无法让渐变在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有一个奇怪的过滤器,当尝试在IE9中修复它时,它有效(应该适用于所有人):
.carousel-control.left, .carousel-control.right{
background: none !important;
filter: none !important;
progid:none !important;
}
我注意到,当您单击它时,除非您添加以下内容,否则它也会有这个烦人的虚线框:
总而言之,这使按钮变得漂亮:
.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;
}
有专门的mixin用于重置IE梯度(Bootstrap 3)。
屁股:
.carousel-control {
&.left, &.right {
background-image: none;
@include reset-filter();
}
}
.carousel-control {
opacity:100;
}
为我工作。希望这可以帮助某人。
如果您想要没有模糊的滑块,请尝试使用光滑的猫头鹰旋转木马滑块。