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

mbtexascity

Transparencia numa DIV

Recommended Posts

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.

  😡

cumps.

Share this post


Link to post
Share on other sites
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".


dreams.each do |dream|

   dream.make_it_happen

end

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
n3lThon

É isto:

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

Assim só afecta a div "transparency".


dreams.each do |dream|

   dream.make_it_happen

end

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
n3lThon

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


dreams.each do |dream|

   dream.make_it_happen

end

Share this post


Link to post
Share on other sites
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  :)

Share this post


Link to post
Share on other sites
Battousai

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

Share this post


Link to post
Share on other sites
djthyrax

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


Não peças ajuda por PM! A tua dúvida vai ter menos atenção do que se for postada na secção correcta do fórum!

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites
Battousai

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

No teu css tenta adicionar zoom:1

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites
.::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  ;)

Share this post


Link to post
Share on other sites
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.


"O principal problema das citações na internet é que nem sempre as podes tomar como verídicas" - Abraham Lincoln, 1864

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.