Ir para o conteúdo
mbtexascity

Transparencia numa DIV

Mensagens Recomendadas

mbtexascity    0
mbtexascity

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.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
n3lThon    1
n3lThon

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".

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
mbtexascity    0
mbtexascity

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.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
Battousai    1
Battousai

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.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
mbtexascity    0
mbtexascity

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  :)

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
mbtexascity    0
mbtexascity

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

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
mbtexascity    0
mbtexascity

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.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
Battousai    1
Battousai

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.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
mbtexascity    0
mbtexascity

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.

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
seltix    0
seltix

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

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
seltix    0
seltix

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

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
.::MPn::.    0
.::MPn::.

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  ;)

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
chalkos    0
chalkos

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.

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


×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade