quinta-feira, 12 de novembro de 2009

CSS: Div transparente

Bom vou explicar aqui como se cria uma div com transparência regulável.

Crie um documento HTML e um documento CSS.

No html:

- Crie DIV com ID 'box '

- Crie uma classe 'f-transp' e feche-a

- feche a div 'box '





No CSS:

div#box{
position:absolute; top:5%; left:30%;
width:120px; height:125px;
overflow:hidden; // O overflow é usado para inibir o aumento não desejado do div.
border:1px solid white;
}

div.f-transp{
position:absolute; top:0; left:0;
width:100%; height:100%;
width:inherit; height:inherit;
background:red;
filter:alpha(opacity=30, finishopacity=30, style=1);
opacity:.3;
-khtml-opacity:.3;
border:none;
}

6 comentários:

  1. gostei muito rafael, mas inseri um outra div dentro desta, e também está ficando transparente. Como faço para que não fique?

    laertdossantos@yahoo.com.br

    ResponderExcluir
  2. Putz... muito legal... gostei muito Rafael

    ResponderExcluir
  3. Putz.. achou no google e colou aqui neh.. nem explica nada..

    ResponderExcluir
  4. desculpe brow, se quer aprender o básico de HTML e CSS vá fazer um curso, não sou obrigado a te ensinar comandos básicos de inserção de CSS no HTML.

    ResponderExcluir
  5. Vlws bro quebrou um galho alias uma arvore inteira XD

    ResponderExcluir