Dropshadow avec css

Je veux ajouter un transparent dropshadow de mon div. J'ai un conteneur, et, derrière, je veux placer une dropshadow. Je ne veux pas le dropshadow d'avoir une couleur. C'est ce que j'ai à ce jour:

.content_right1{

    background:#fff;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
     border-radius:10px;

    -moz-box-shadow: 5px 5px 5px #99CCFF;
    -webkit-box-shadow: 5px 5px 5px #99CCFF ;
     box-shadow: 5px 5px 5px #99CCFF;

    /* other styles of the class */
    width:380px;
    float:left;

    margin-left:3px;
    padding:15px;

    min-height:450px;
    margin-left:15px;
}

Je tiens à ajouter de l'opacité, mais quand je fais l'opacité de l'ensemble de la div changements.

source d'informationauteur user952691

  1. 39

    Si vous voulez un dropshadow avec un niveau d'opacité, vous devez utiliser rgba() pour sa couleur de l'ombre :

    http://css-tricks.com/2151-rgba-browser-support/

    edit:

    -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
box-shadow:5px 5px 5px rgba(0,0,0,0.3);
  2. 2

    Alors que votre question est finalement un peu opaque (pun intended), la suite à faire ce que vous attendez?

    -moz-box-shadow: 5px 5px 5px #dddddd;
-webkit-box-shadow: 5px 5px 5px #dddddd;
box-shadow: 5px 5px 5px #dddddd;

    http://jsfiddle.net/zCTC8/2/

    Tous j'ai essentiellement fait a été de régler le couleur valeur de l'ombre, ce qui est la dernière valeur dans la déclaration (#ddddddou #ddd). Ce sont des valeurs hexadécimales. Voir ici pour plus d'exemples:

    http://html-color-codes.com/

    #ddd/#dddddd représente un peu de couleur gris; #eee est plus léger, #ccc est plus sombre, #fff est blanc, et #000 est noir. La valeur #000 représente RGBavec des valeurs valables de 0-9A-F (dark->la lumière), de sorte que:

    #f00 = red (R)
#0f0 = green (G)
#00f = blue (B)

    La valeur #99CCFF à partir de votre question est équivalent à #9CFce qui donne un rouge au milieu (9), un peu de vert (C), et blanc (F). Le mélange de ces valeurs vous donne la lumière bleue de l'ombre vous été voir, qui est pourquoi vous avez été d'obtenir une couleur plutôt qu'une "ombre" comme de la couleur (nuance de gris).

    Ma théorie de la couleur est un peu rouillé ici, si quelqu'un me corrige si j'ai flubbed quelque chose.