Question

我正在使用此模板 - http://startbootstrap.com/templates/modern-business/

我只想知道，我如何删除幻灯片放映的“悬停”效果，使其两侧的灰色根本不存在！

感谢您的帮助！

Answer 1

查找

.carousel-control.left {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, transparent 100%);
background-repeat: repeat-x;
}

和

.carousel-control.right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, transparent 100%);
background-repeat: repeat-x;
}

在模板的CSS中删除它们。

Answer 2

从css中删除此代码：

.carousel-control:hover,.carousel-control:focus{
    color:#fff;
    text-decoration:none;
    filter:alpha(opacity=90);
    outline:0;
    opacity:.9
}

Answer 3

如果您只想删除深灰色悬停效果，请从bootstrap.min.css删除以下不透明度规则。

在：

.carousel-control:hover, .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}

后：

.carousel-control:hover, .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
}

如何从此幻灯片中删除暗边栏？

3 个答案: