Estoy bastante seguro de que este es el código que tengo que modificar, pero por alguna razón no puedo obtener el degradados a desaparecer en el IE. Quiero desaparecido por completo!

.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)
}
  • ¿Has probado a quitar background-image y filter declaraciones?
  • Yo lo hice y me dieron un vendido fondo azul.
  • En realidad, creo que por fin lo conseguí! code filter:progid:DXImageTransform.Microsoft.gradiente(enabled= «false»)
  • Bueno! Ahora usted puede enviar su solución como la respuesta y la acepte.
  • ¿Qué exactl conseguir? Por favor, yo todavía no puede quitar eso. Gracias!
InformationsquelleAutor VSHoward | 2013-12-23

5 Comentarios

  1. 114
    .carousel-control.left, .carousel-control.right {
    background-image: none
    }
    • usted puede necesitar agregar !importante dependiendo de la estructura de css
    • Funciona en IE11, pero no en IE9 evento con !importante.
    • Mina trabajado con un estilo personalizado que había selector «un.myStyle.carrusel de control».
    • Si desea evitar borde punteado en seleccionar, agregar esquema: ninguno. .carousel-control.left, .carousel-control.right { background-image: none; outline: none; }
    • .carousel-control solo hace el truco 🙂 Gracias.
  2. 19

    Es decir, tiene un extraño filtro y esto funcionó cuando tratando de arreglarlo en IE9 (debería funcionar para todos):

    .carousel-control.left, .carousel-control.right{ 
    background: none !important;
    filter: progid:none !important;>
    }
    • .carousel-control { background: none !important; filter: none !important; progid:none !important; }
    • Esta es la respuesta correcta, ya que incluye el restablecimiento de IE9
  3. 12

    Me doy cuenta de que esto también tendrá este molesto línea punteada de la caja cuando se hace clic en él, a menos que se agregue esto:

    Todos en todos, esto hace que los botones hermoso:

    .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;
    }
  4. 5

    Hay especializada mixin para restablecer IE gradiente (Bootstrap 3).

    SASS:

    .carousel-control {
    &.left, &.right {
    background-image: none;
    @include reset-filter();
    }
    }
    • Esto parece como el más robusto de respuesta, especialmente si usted ya está usando bootstrap-sass
    • Mejor respuesta para SASS usuarios!

Dejar respuesta

Please enter your comment!
Please enter your name here