Arrière-plan blanc Opaque avec rgba affiche en gris sur fond blanc?

J'ai ajouté un fond transparent sur une div, sur un fond blanc avec comme ça:

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 lien: http://jsfiddle.net/DvYCA/4/

mais pour une raison quelconque, la couleur de la div montre gris au lieu de blanc. Opaque blanc sur blanc doit afficher...blanc, à droite?

Ou je me trompe?

EDIT:
Je vais ajouter une capture d'écran du problème. C'est un très subtile différence, encore perceptible dans certains écrans. Pour comprendre la différence, essayez de la sélection des couleurs le côté gauche de l'image, avec la zone de droite.
Arrière-plan blanc Opaque avec rgba affiche en gris sur fond blanc?

montrant du blanc pour moi
Êtes-vous à l'aide de IE5, Netscape ou quelque chose ?
haha je suis tellement à l'aide que chaque fois que quelqu'un parle de quelque chose de blanc :')
RGBA est pas en charge dans tous les navigateurs, qui pourrait être le problème: css-tricks.com/rgba-browser-support
Je me suis renseignée sur la dernière version de Chrome (31) dans Mac OS.

OriginalL'auteur Spiros Martzoukos | 2013-11-14

8

Ce n'est pas votre écran. Le sélecteur de couleur ne se trouve pas. Je vois le bug est toujours présent dans Chrome 38 et Canaries 40. La chose qui a fonctionné pour moi a été d'ajouter transform: translateZ(0); à l' .opaque-blanc div.

A travaillé pour moi aussi
Merci des hommes, a fonctionné pour moi aussi.

OriginalL'auteur Stelian
1

Ressemble à un bug: Chrome matériaux composites et des sorties rvb(254,254,254), tandis que Safari sorties rgb(255,255,255). Il est intéressant de noter qu'il ne semble pas à la matière ce que la valeur alpha que vous utilisez, Chrome toujours les sorties de la même couleur. Il ne montre blanche complète si vous avez une valeur alpha de 0 ou de 1, rien entre les deux résultats dans une subtile de couleur blanc cassé.

OriginalL'auteur Dre
0

Votre capture d'écran s'affiche pour montrer l'effet désiré, il apparaît en blanc pour moi, et de l'ouvrir dans photoshop montre un côté à 255,255,255 un l'autre à 254,254,254.

Avez-vous vérifié sur un autre moniteur? Il me semble que la solution (ou plutôt un problème) est en fait local - peut-être que votre écran ou certains corrompu .icm fichier.

Pouvez-vous essayer à l'aide d'un hex de la valeur et de l'opacité de l'attribut?
```
.opaque-white {
background: #ffffff;
opacity:.95;
}
```
Ici un violon: http://jsfiddle.net/Gv59a/

OriginalL'auteur Octavian
0

J'ai rencontré ce problème et trouvé qu'une différence peut être observée entre les deux moniteurs.

Sur mon moniteur principal, je vois le gris, alors que sur mon moniteur secondaire, je vois blanc.

Différentes technologie d'affichage utilise légèrement différents algorithmes pour le calcul des éléments à afficher pour chaque pixel et de toute la technologie d'affichage peuvent se dégrader de différentes manières, que pourrait effectuer l'précis.

J'ai aussi trouvé que l'angle de visualisation peuvent mettre l'accent sur l'effet http://www.techmind.org/lcd/colour.html.

Essayez d'afficher votre site /exemples sur différents moniteurs.

OriginalL'auteur Toni Leigh

Vous devez vous connecter pour publier un commentaire.