Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde.
Eu tenho vindo a encontrar uma dificuldade em colocar na tabela um fundo transparente mas que dê para ver o conteúdo da tabela ( as colunas e linhas) .
Ou seja , assim que coloco o código na tabela ele define tudo como igual , já criei class , tentei colocar mas é como se não formatasse então integrei diretamente no html e o que acontece?
A tabela desaparece..
Aqui está o código :
Spoiler
<table style="background-color:#000;
Filter : opacity (alpha=60);
Opacity : 0.0;">
<tr>
<td> <img src="images/demo/ementas/05.jpg" style="border-radius:25%; "><h1 style="color: black;">Terça-Feira</h1></td>
<td> <img src="images/demo/ementas/05.jpg"><h1 style="color: black;">Quarta-Feira</h1></td>
<td> <img src="images/demo/ementas/05.jpg"><h1 style="color: black;">Quinta-Feira</h1></td>
</tr>
<tr>
<td> <img src="images/demo/ementas/05.jpg"><h1 style="color: black; ">Sexta-Feira</h1></td>
<td> <img src="images/demo/ementas/05.jpg"><h1 style="color: black; ">Sabado-Feira</h1></td>
<td> <img src="images/demo/ementas/05.jpg"><h1 style="color: black; ">Domingo-Feira</h1></td>
</tr>
</table>
o meu objetivo era só tirar o fundo 
mas se retirar o estilo ele mantem como esta , aquele codigo é o q faz "desaparecer" a tabela e as imagens e o meu objetivo é q seja so a tabela
@Nicolas Sousa
Você, pelo menos tentou retirar o estilo e viu que não deu certo?
Fiz aqui e deu certinho.
Retire style=".... da tag TABLE assim como o maujor disse. E adicione:
<table class="fundo_transparente">
No arquivo CSS coloque:
.fundo_transparente {
background-color: rgba(0,0,0,.6) /* Fundo RGB preto com alpha em 60% (40% transparente) */
}
opacity > o elemento será transparente e "seus elementos internos também" seu objetivo não é só o plano de fundo? Porque então usar isso?
De preferência não se utilize de definições do css direto no HTML "style=........." São muito severas, ou seja não importa as definições da folha de estilo quando no html assim elas sempre serão prioritárias.
Veja um exemplo
Spoiler
<style>
#identificador {color:red}
.classificador {color:green}
</style>
<div id="identificador" class="classificador" style="color:blue">Bla bla bla</div>
A div terá o texto azul independente do CSS
Se remover style=..... A div terá o texto vermelho porque o identificador tem prioridade, porém não pode ser reaproveitado (90% dos iniciantes em layout cometem esse erro)
Ou seja prefira usar class pois nesse caso toda vez que eu quiser que um ou mais elementos do html tenham a cor verde é usar usar.
Limite a personalizar identificadores só se realmente precisar. E personalizar direto no html só em último caso.
Tudo isso se refere a nível de acesso das propriedades do CSS no entra mais conteúdo como uso de "!important" / ordem com que as propriedades são definidas em chave ou e linhas do arquivo CSS / Re-escrita de propriedades.
Mas isso já é outra história e ficamos por aqui mesmo.>
Em 25/06/2018 at 14:31, Omar~ disse:
Retire style=".... da tag TABLE assim como o maujor disse. E adicione:
<table class="fundo_transparente">
No arquivo CSS coloque:
.fundo_transparente {
background-color: rgba(0,0,0,.6) /* Fundo RGB preto com alpha em 60% (40% transparente) */
}
opacity > o elemento será transparente e "seus elementos internos também" seu objetivo não é só o plano de fundo? Porque então usar isso?
De preferência não se utilize de definições do css direto no HTML "style=........." São muito severas, ou seja não importa as definições da folha de estilo quando no html assim elas sempre serão prioritárias.
Veja um exemplo
Mostrar conteúdo oculto
<style>
#identificador {color:red}
.classificador {color:green}
</style>
<div id="identificador" class="classificador" style="color:blue">Bla bla bla</div>
A div terá o texto azul independente do CSS
Se remover style=..... A div terá o texto vermelho porque o identificador tem prioridade, porém não pode ser reaproveitado (90% dos iniciantes em layout cometem esse erro)
Ou seja prefira usar class pois nesse caso toda vez que eu quiser que um ou mais elementos do html tenham a cor verde é usar usar.
Limite a personalizar identificadores só se realmente precisar. E personalizar direto no html só em último caso.
Tudo isso se refere a nível de acesso das propriedades do CSS no entra mais conteúdo como uso de "!important" / ordem com que as propriedades são definidas em chave ou e linhas do arquivo CSS / Re-escrita de propriedades.
Mas isso já é outra história e ficamos por aqui mesmo.
O problema que quando faço isso nao acontece nada , por isso é q criei um style pq so assim faz as alterações sabe se la porque raio... eu uso classe e n acontece nada , nem altera sequer a cor da table nao sei o motivo disso
e mesmo assim se colocar em style esse codigo nao funciona sem sequer alguma alteração , o meu objetivo nao é tirar o fundo da div , mas sim o fundo da table para ficar apenas as imagens la organizadas
@Nicolas Sousa
Retire a declaração de estilos da tag table.
Deixe somente:
>
28 minutos atrás, marcos123 disse:
Segue o link onde explica como fazer
O link que você forneceu é para a home do seu Blog.
Onde você explica como fazer?