css – 如何删除默认的Bootstrap 3 carousel控件背景渐变?

前端之家收集整理的这篇文章主要介绍了css – 如何删除默认的Bootstrap 3 carousel控件背景渐变?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我很确定这是我需要修改代码,但由于某种原因,我不能得到渐变消失在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.5)),to(rgba(0,0.0001)));
background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0.5) 0),0.0001) 100%));
background-image: -moz-linear-gradient(left,rgba(0,0.5) 0,0.0001) 100%);
background-image: linear-gradient(to right,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.0001)),0.5)));
background-image: -webkit-linear-gradient(left,0.0001) 0),0.5) 100%));
background-image: -moz-linear-gradient(left,0.0001) 0,0.5) 100%);
background-image: linear-gradient(to right,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
}
原文链接:https://www.f2er.com/css/221786.html

猜你在找的CSS相关文章