Kann ich die Deckkraft ändern der navbar in twitter bootstrap?

Stieß ich auf dieser Website: und zu denken begann. Ist das möglich mit Hilfe von twitter bootstrap? Ich sehe nicht ein "Deckkraft" - Einstellung in der css-Datei? Ist es so einfach wie das hinzufügen.

InformationsquelleAutor Paul | 2012-03-26

  1. 18

    Dies ist im Allgemeinen möglich. Testflightapp verwendet die background-color: rgba - Attribut mit einer Deckkraft.

    Also, wenn Sie wollen, definieren Sie eine Hintergrundfarbe mit Deckkraft, auf der Sie element, verwenden Sie dieses CSS:

    elementname {
    background-color: rgba(128, 128, 128, 0.5); /* Red [0-255], Green [0-255], Blue [0-255], Alpha [0-1] */
}

    Wenn Sie möchten, stellen Sie die Deckkraft auf das element als ganzes verwenden:

    elementname {
    opacity: 0.5; /* opacity [0-1] */
    -moz-opacity: 0.5; /* opacity [0-1] */
    -webkit-opacity: 0.5; /* opacity [0-1] */
}

    Dies ist nur unterstützt von den Browsern, die CSS3-Unterstützung.

    Und wenn die Benutzer-browser nicht supprot CSS3 ist die Deckkraft einfach ignoriert?
    Ja, ein browser, der nicht versteht, eine Eigenschaft, ignoriert Eigenschaft, dass
    Mikey ' s post markiert werden soll, als Antwort, nicht wahr?.

    InformationsquelleAutor Frank van Wijk

  2. 8

    Eine späte Antwort, aber ich habe gerade diese Frage, während der Suche etwas sehr ähnliches.

    Wenn Sie bootstrap mit weniger, so dass Sie erstellen die css-selbst im Rahmen eines asset-pipeline, Sie sollten setzen Sie die Deckkraft mit dem Dienstprogramm makro.

    selector {
    .opacity(50);   /* opacity [0->100]  */
}

    Werde es so definieren Sie die richtigen browser-Präfixen, einschließlich des IE filter-syntax für Sie.

    Nur für Googler: die .opacity() makro erwartet einen Wert zwischen 0 und 1 (lesselements.com)

    InformationsquelleAutor leebriggs

  3. 3

    Wenn Sie mit bootstrap-mit-sass. Sie können die Deckkraft mixin.

    @include opacity([from 0-100]);

    Wird diese behandeln alle browser-Kompatibilitäten (wenn unterstützt) Umgang mit der Deckkraft.

    InformationsquelleAutor dafunkeemonkee

Schreibe einen Kommentar