Como deixar uma div transparente (CSS)

Olás,

aqui não é bem um tutorial, está mais para uma dica:

Se você quer deixar sua div transparente, você pode utilizar isso, por exemplo, pra deixar a imagem de background visível, deve ser inserido no seu css a seguinte regra:

.transparente {
  background: rgb(0, 0, 0) transparent;
  background: rgba(0, 0, 0, 0.7);
  /* Para navegadores IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
  /* Para navegadores IE 8 */
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)';
}

lembrando que quando o nome da regra começa com . (ponto), ela deve ser utilizada como class:

<div class="transparente"></div>

E caso queira alterar a cor do bloco transparente basta alterar as regras rgb e rgba.

É isso ai, até a próxima.