Criei o código CSS abaixo em meu projeto Web, o objetivo é deixar a barra de menu superior com um gradiente de preto para transparente, no Chrome funciona perfeitamente, porém não sei qual sintaxe utilizar para que o código funcione no Firefox e IE.
.barra-menu{
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
-webkit-mask: -webkit-linear-gradient(black, transparent 0%, black);
-webkit-mask: linear-gradient(black, transparent 100%, black);
height: 18%;
position: absolute;
top:0%;
width:100%;
}
Já tentei trocar o -webkit por -moz para ver se funcionaria no Firefox mas não obtive sucesso. Estou iniciando os estudos com CSS3, por isso qualquer contribuição é bem vinda. Desde já, agradeço a ajuda de todos.