Deckenden weißen hintergrund mit rgba zeigt Grau auf weissem hintergrund?

Habe ich ein transparenten hintergrund in einem div, die über einen weißen hintergrund mit wie die:

body {
    background: white;
}

.opaque-white {
    background: rgba(255,255,255,0.95);
    height: 300px;
    width: 300px;
}

<body>

    <div class="opaque-white">
        Area with opaque (opacity: 0.95) background.
    </div>

</body>

JSFiddle link: http://jsfiddle.net/DvYCA/4/

aber aus irgendeinem Grund die Farbe des div-shows Grau statt weiß. Opak-weiß-über-weiß angezeigt werden soll...weiß, richtig?

Oder täusche ich mich?

BEARBEITEN:
Ich bin das hinzufügen ein screenshot von dem problem. Es ist ein sehr subtiler Unterschied, aber doch spürbar in einigen Bildschirmen. Um tatsächlich zu verstehen, den Unterschied, versuchen Sie es mit color picking der linken Seite des Bildes, mit der richtige Bereich.
Deckenden weißen hintergrund mit rgba zeigt Grau auf weissem hintergrund?

Ergebnis weiß zu mir
Sind Sie mit IE5, Netscape oder was ?
haha ich bin so über, dass, Wann immer jemand erwähnt, dass etwas weiß :')
RGBA ist nicht Unterstützung in allen Browsern, die könnte das Problem sein: css-tricks.com/rgba-browser-support
Ich bin Leser auf den neuesten Chrome-version (31) in Mac OS.

InformationsquelleAutor Spiros Martzoukos | 2013-11-14

8

Es ist nicht auf Ihrem Bildschirm. Die Farbauswahl nicht liegen. Ich sehe der Fehler ist immer noch vorhanden in Chrome 38 Canary 40. Die Sache, die für mich gearbeitet war, fügen transform: translateZ(0);.Opak-weiß div.

Arbeitete auch für mich
Vielen Dank Männer, arbeitete für mich auch.

InformationsquelleAutor Stelian
1

Sieht aus wie ein bug: der Chrome-composites und-Ausgänge, rgb(254,254,254), während Safari-Ausgänge, rgb(255,255,255). Interessanterweise ist es offenbar nicht egal, was der alpha-Wert, den Sie verwenden, Chrom-Ausgänge immer die gleiche Farbe. Es zeigt nur weiß, wenn Sie einen alpha-Wert von 0 oder 1, nichts dazwischen sein, die Ergebnisse in einer dezenten off-white.

InformationsquelleAutor Dre
0

Deinem screenshot angezeigt wird, um die gewünschte Wirkung - es wird weiß um mich, und öffnen es in photoshop zeigt eine Seite an 255,255,255 eine die andere an 254,254,254.

Haben Sie überprüft es auf einem anderen monitor? Es scheint mir, dass die Lösung (oder vielmehr das problem) ist eigentlich local - vielleicht ist Ihr Bildschirm oder einige beschädigt .icm-Datei.

Können Sie versuchen, mit einem hex-Wert und die Deckkraft Attribut?
```
.opaque-white {
background: #ffffff;
opacity:.95;
}
```
Hier ist ein Turnschuh: http://jsfiddle.net/Gv59a/

InformationsquelleAutor Octavian
0

Ich auf dieses problem gestoßen und fand, dass ein Unterschied festgestellt werden kann zwischen zwei verschiedenen Monitoren.

Auf meinem Haupt-monitor sehe ich die graue, in der Erwägung, dass auf meinem sekundären monitor sehe ich weiß.

Andere display-Technologie verwendet eine leicht unterschiedliche algorithmen zu berechnen, welche Anzeige für jedes pixel und alle display-Technologie können abgebaut haben verschiedene Möglichkeiten, die kann Wirkung der die genaue.

Fand ich auch, dass Betrachtungswinkel kann verstärkt die Wirkung http://www.techmind.org/lcd/colour.html.

Versuchen Sie Ihre Website /Beispiele auf verschiedenen Monitoren.

InformationsquelleAutor Toni Leigh

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.