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

karwan

Cor de fundo transparente (factor alpha)

10 mensagens neste tópico

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)

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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 */

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

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

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