Jump to content
Sign in to follow this  
karwan

Cor de fundo transparente (factor alpha)

Recommended Posts

karwan

Vivas. N sou de informática e não percebo mt disto, mas gostava de por uma tabela com uma cor de fundo mas n totalmente opaca. Sei q isso se faz com o factor alpha. Qual é o código html para isso? (ou css mas definido no mesmo ficheiro)

Share this post


Link to post
Share on other sites
Pedro Magalhães

Convem usares CSS3. E aplicas uma classe.

/* index.html */
<head>
 <link rel="stylesheet" href="estilo.css" type="text/css" media="screen" />
</head>

/* estilo.css */
.classe{
        background:#000;
        opacity: 0.7; 
        filter:alpha(opacity=70); 
        zoom:1; 
}/* aqui vem a opacidade e zoom */

Share this post


Link to post
Share on other sites
karwan

ok.

Fiz um ficheiro css:

.classe{
       background:#101010;
       opacity: 0.1;
       filter:alpha(opacity=10);
       zoom:1;
}

no html:

<head>
<meta http-equiv="Content-Language" content="pt">
<link rel="stylesheet" href="estilo.css" type="text/css" media="screen" />
</head>

e depois:

<table  width=100% height= 70% style="classe">

Continua a n funcionar... Estou a faze alguma coisa mal, no html? tb configurei o ficheiro css para formatar links e isso result mt bem

Share this post


Link to post
Share on other sites
djthyrax

Estás a aplicar mal o estilo. Em CSS, tens as seguintes formas de te referires a objectos (em todos os casos excepto o primeiro, não é obrigatório especificares o elemento):

elemento -> estás a referir-te a todos os <elemento>

elemento.teste -> estás a referir-te a todos os <elemento> que têm como atributo class="teste"

elemento#teste -> estás a referir-te ao <elemento> que tem como atributo id="teste"

E podes encadeá-los: elemento.primeiro elemento2 -> estás a referir-te a todos os <elemento2> que sejam childs (i.e., que estão dentro) de todos os <elemento> com class="primeiro"

Ou seja, tens que fazer <table width="100%" height="70%" class="classe">


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
karwan

Funcionou na perfeição. Obrigado...  :)

Reparei q tb está a fazer um efeito nas letras q escrevi por cima

N é possivel fazer o efeito só no fundo?

Share this post


Link to post
Share on other sites
djthyrax

Isso já não sei...


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
Pedro Magalhães

No CSS3 tenho quase a certeza que não dá para colocar nesse caso, uma tabela transparente com letras opacas.

Em alternativa, terás de desenhar um quadrado (por ex.) no Photoshop com o nível de alpha pretendido e gravar em .gif ou .png sem nenhuma layer por baixo.

Depois no css, aplicas à classe:

{
   background-image: url(imagem.png);
   background-repeat: repeat;
}

ou

{
   background: url(imagem.png) repeat;
}

Share this post


Link to post
Share on other sites
djthyrax

Julgo que no último caso querias usar apenas background Pedro. :)


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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...

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.