Bueno, antes de contestarte has de especificar más como por ejemplo:
- ¿De qué tipo de imagen hablamos? ¿Es un degradado?
- Con que se transparente verticalmente te refieres a ¿que empieze, desde arriba, opaca (opacity: 1;) y termine, abajo, transparente (opacity: 0;)?
¿La imagen es una foto de algo degradada?
Si es solo un degradado, puedes evitarte la imagen y hacerlo con puro código CSS
Código CSS:
Ver originalbackground: -webkit-linear-gradient(top, rgba(0, 140, 212, 1) 0%, rgba(0, 160, 212, 0) 100%);
height: 100px; /*Pon la altura que tu quieras, el degradado se adaptará*/
Quedo a la espera de tus respuestas