No me funciona la opacidad

[iEnrique]

En resumidas cuentas, cuando le digo que le de opacidad no me la pone, ¿tengo algún error?:

Código CSS:

.blue{
    background-image: url(noise-blue.png); 
    background: linear-gradient(#FFFFFF, #000000);
    background: -webkit-linear-gradient(#FFFFFF, #000000);
    background: -moz-linear-gradient(#FFFFFF, #000000);
    background: -o-linear-gradient(#FFFFFF, #000000);
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    width: 72px;
    height: 99.5%;
    vertical-align: middle;
    background-repeat: repeat-y;
    float: left;
    margin: 1px 0px 1px 1px;
    z-index: 1;
}
 

Con la opacidad:

Código CSS:

.blue{
    background-image: url(noise-blue.png); 
    background: linear-gradient(#FFFFFF, #000000, 0.5);
    background: -webkit-linear-gradient(#FFFFFF, #000000, 0.5);
    background: -moz-linear-gradient(#FFFFFF, #000000, 0.5);
    background: -o-linear-gradient(#FFFFFF, #000000, 0.5);
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    width: 72px;
    height: 99.5%;
    vertical-align: middle;
    background-repeat: repeat-y;
    float: left;
    margin: 1px 0px 1px 1px;
    z-index: 1;
}
 

Si me ayudarais me haríais un gran favor gracias

[Triby]

No veo donde estás tratando de aplicar opacidad. Tal vez te sirva esto: http://css-tricks.com/snippets/css/c...owser-opacity/

[iEnrique]

Si, lo estoy tratando de aplicar aquí:

Código CSS:

background: linear-gradient(#FFFFFF, #000000, 0.5);
background: -webkit-linear-gradient(#FFFFFF, #000000, 0.5);
background: -moz-linear-gradient(#FFFFFF, #000000, 0.5);
background: -o-linear-gradient(#FFFFFF, #000000, 0.5);
 

Pero que se quede por abajo este:

Código CSS:

background-image: url(noise-blue.png);
 

Y que le afecte el de arriba con un 0.5 de opacidad, ¿ahora?

[pzin]

Pásate por aquí: http://www.colorzilla.com/gradient-editor

Así te genera el código completo y compatible con todos los navegadores.

[Triby]

Se nota que no sabía que con degradado también se puede usar opacidad y que todavía tengo sueño?

[iEnrique]

Todo perfecto pero al ponerlo con la opacidad no se me ve la barra de abajo que está en azul por lo que se degrada pero no sobre esa que quiero, ¿alguna forma de ponerlo para que se vea y no tenga que crear otro div?...