• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

mbtexascity

Transparencia numa DIV

23 mensagens neste tópico

boas pessoal imaginamos temos o seguinte cod

<div id=transparancy>

<div id=outraimagem>

</div>

</div>

como faço para meter transparencia na DIV transparency, sem afectar a outra div? é que não tou mesmo a ver como, e támbem não precebo muito de css só o basico.

  :mad:

cumps.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Não colocas nenhuma cor de fundo que ela automaticamente fica transparente.

Para colocar uma cor numa div sem afectar as outras é assim:

div#nome{background-color: #000000;}

No teu caso colocas fundo na div "outraimagem".

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

nao nao era isso que eu cria fazer, imagina, eu queria que o backgorund (xxx.jpg) tivesse uma transparecia de 50%, mas nao queria que afecta-se as restantes divs, estão me a compreender?

eu estava a usar este codigo

{opacity:0.4;

filter:alpha(opacity=40)

}

cumps.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

É isto:

div#transparency
{opacity:0.4;
filter:alpha(opacity=40)
}

Assim só afecta a div "transparency".

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Sonic, afecta tudo o que está dentro também.

Para fazeres o que queres só dá com um PNG como background com a transparência que queres. Em CSS não dá sem dar uma grande volta.

Mas vai dar sempre estrilho em browsers como IE6 e ainda dá no IE7.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Nem colocando as divs que estão dentro daquela sem transparência?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Não, porque são filhos e não podes ter uma opacidade maior que 1.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

eheheh, tão tou encavado, lol

mas eu já vi sites com isso, com esta ordem, mas no entanto a transparencia só afecta uma div e nao afecta os "filhos"  :) , já fui ver com o firebug para ver o cod, mas não consegui nada que me ajudasse  :wallbash:

vou ficar á espera de soluçãoes, obrigado ao pessoal que me tentou ajudar  :)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

o nível de relacionamento deve ser diferente. Se tiveres um dentro de outro, o que está dentro tem que ficar com transparência.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

A não ser que declares o filho com outra opacidade, digo eu.

exatamente, era o que estava a pensar em fazer, mas depois li na net a dizer que nao funcionava, mas pela lógica devia de funcionar.

outra coisa, com a imagem png, o que estavam a dizer era por exemplo colocar opacidade na imagem com photoshop e depois colocar como background no CSS?? tenho andado a ver e parece-me que alguns sites usam essa tecnica, mas com IE deve de dar po torto, para variar um bocadinho, eheh

thanks ppl

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Não funciona, porque o que está dentro vai sempre ter como base a opacidade do pai.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Não funciona, porque o que está dentro vai sempre ter como base a opacidade do pai.

pois, entao e a segunda hipotese?

tem que haver uma maneira de conseguir XD

cumps.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

A segunda hipótese é sim, mas o IE6 vai dar borrada, acho que fica opaco. Mas se fosse eu, tentava meter um wrapper nas divs como relative e metia a que queres sem transparência em absolute e posicionava como queria. Não sei se como queres dá para fazer como estou a dizer.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

A segunda hipótese é sim, mas o IE6 vai dar borrada, acho que fica opaco. Mas se fosse eu, tentava meter um wrapper nas divs como relative e metia a que queres sem transparência em absolute e posicionava como queria. Não sei se como queres dá para fazer como estou a dizer.

nao dá, porque o que queria fazer era que repetisse o background com opacidade no eixo do y, nao dava para posicionar através de coordenadas.

Isto foi só mesmo uma panca que tive hoje de manhã, lol, fiquei curioso em como resolver este mistake.

vou continuar á procura.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Se o tamanho da div transparente for fixo dá, senão paciência.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

nao sei se ja resolveste o problema mas uma solução era utilizares varias divs.

exemplo:

<div style="position:relative;">

<div style="position:absolute; width:100%; height:100%;" class="transparency" ></div>

<div style="position:relative;">

              conteudo....

        </div>

</div>

agora o meu problema é que isto nao esta a funcionar no IE.

o meu codigo CSS é o seguinte:

.transparency

{

background-color:#A2BBFE;

opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80);

}

poderao ver o exemplo aqui: http://braldesign.com/Blogs.php?id=1

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Isso do posicionamento absoluto dentro de uma div relative já foi sugerido há uns posts atrás.

No teu css tenta adicionar zoom:1

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Isso do posicionamento absoluto dentro de uma div relative já foi sugerido há uns posts atrás.

No teu css tenta adicionar zoom:1

peço desculpa entao, estava aqui a estudar para um exame e nao deu para ler tudo :)

ja tinha experimentado mas nao esta a funcionar a mesma.... :S

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Nesse exemplo o texto também está transparente.

Desculpa ... tens razão  :confused:

À primeira vista não parecia porque eu estou a usar 0,5 de transparência e o texto fica muito mais "invisível"  ;)

Queria descobrir a solução para isto... porque colocar um fundo em PNG não está a resultar, não aparece nada  ;)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Se a unica coisa que queres fazer é colocar uma imagem "meio transparente" no fundo de uma pagina não definas a transparêcia no div, define-a na imagem.

gravas em png (porque é o melhor formato para suportar vários graus de transparência... isto se não for o unico) e deve funcionar..

ja tinha sido referido:

Para fazeres o que queres só dá com um PNG como background com a transparência que queres. Em CSS não dá sem dar uma grande volta.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora