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.

comments powered by Disqus