Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Zoro

Tabela transparente!

Por , em Javascript

Recommended Posts

Zoro    0

Zoro
Postado

Um dia desses vi um site que tinha uma imagem no plano de fundo e tinha uma tabela com um texto por cima.... só que a tabela tava fazendo parte do desenho ficar meio apagado pra que o texto ficasse legivel! Alguém sabe como fazer isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

d.eleete    0

d.eleete
Postado

Um dia desses vi um site que tinha uma imagem no plano de fundo e tinha uma tabela com um texto por cima.... só que a tabela tava fazendo parte do desenho ficar meio apagado pra que o texto ficasse legivel! Alguém sabe como fazer isso?

Se você quiser deixar um LAYER ou uma TABELA . . você vai conseguir deixa-la totalmente opaca... não é possivel deixar somente o fundo e excluir o texto..(pelo menos eu não consegui...)

 

Segue aqui um STYLE pra deixar opaco:

 

<style type="text/css"><!--.opacity {filter: alpha(opacity=80)};--></style>
você pode aplica-lo da seguinte forma(numa imagem por exemplo):

 

<img border="0" src="imagem.jpg" class="opacity">

Compartilhar este post

Link para o post
Compartilhar em outros sites

sitenovo    0

sitenovo
Postado

Seguinte, a forma como eu faço é:Pego uma imagem, vou no photoshop e uso a ferramentas layers e lá tem um campo de porcentagem a opacidade da imagem, achoque é opacidade, na verdade, está descrito, transprencia mesmo, na caixa, dai, é so diminuir o numero que vai ficando mais transparente, e você pode ver o resultdo no meu site, e no outro site que tem na assinatura ai embaixo, ok??Tente ai...[]sRodney

Compartilhar este post

Link para o post
Compartilhar em outros sites

Zoro    0

Zoro
Postado

Num é neinh de um jeito, neinh de outro... eu vou procurar um exemplo pra mostrar... Eu num consegui mostrar a duvida direito tb né? =)

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

é o que o deleete mostrou:

 

<html><title>CSS - alpha</title>

<head>

<style type="text/css">

.tabela_transparente{

filter:Alpha(opacity=50,finishopacity=50,style=2)

}

</style>

</head>

<body bgcolor=ffffff text=000000 background=http://www.imasters.com.br/forum/include/topo_forum.gif><center>

<table bgcolor=ffffff border=0 width=300 height=250 cellspacing=0 cellpadding=0 class=tabela_transparente>

<tr><td align=center valign=middle>

ok

</td></tr>

</table>

</center></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito