it-swarm.com.de

Wie entfernst du die Standard Bootstrap 3 Karussellkontrollhintergrundverläufe?

Ich bin mir ziemlich sicher, dass dies der Code ist, den ich ändern muss, aber aus irgendeinem Grund kann ich die Farbverläufe nicht in IE verschwinden lassen. Ich möchte, dass sie komplett weg sind!

.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)
}
44
VSHoward
.carousel-control.left, .carousel-control.right {
    background-image: none
}
114
George Armhold

IE hat einen seltsamen Filter und dieser funktionierte, als versucht wurde, ihn in IE9 zu reparieren (sollte für alle funktionieren):

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

Ich stelle fest, dass dies auch dieses nervige Feld mit den gepunkteten Linien enthält, wenn Sie darauf klicken, es sei denn, Sie fügen Folgendes hinzu:

Alles in allem macht dies die Tasten schön:

.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;
}
12
Tyhou

Es gibt ein spezielles Mixin zum Zurücksetzen des IE Farbverlaufs (Bootstrap 3).

SASS:

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

arbeitete für mich. Hoffe das kann jemandem helfen.

1
Danie Du Preez