Avatar billede mpj_86 Nybegynder
05. februar 2005 - 13:35 Der er 6 kommentarer og
1 løsning

Gennemsigtig table?

Hej

Hvordan laver jeg en table 40% gennemsigtig med css?
Avatar billede mpj_86 Nybegynder
05. februar 2005 - 14:23 #1
Ingen der ved det?
Avatar billede roenving Novice
05. februar 2005 - 14:24 #2
Du kan sætte opacity på, men så vil hele tabellen blive gennemsigtig, se f.eks. dette:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Tomt dokument</title>
<style type="text/css">
html,body{background:yellow;}
.mitNet{
  border-collapse:collapse;
  width:400px;
  filter:alpha(opacity=40);
  -moz-opacity:0.4;
  opacity:0.4;
  color:blue;
  font-weight:bold;
}
.mitNet td{
  border:1px solid red;
  height:50px;
}
</style>
</head>

<body>

<table class="mitNet">
  <tr>
    <td style="width:10%">&nbsp;</td>
    <td style="width:20%">tekst inde i bliver også gennesigtigt</td>
    <td style="width:10%">&nbsp;</td>
    <td style="width:20%">&nbsp;</td>
    <td style="width:10%">&nbsp;</td>
    <td style="width:20%">&nbsp;</td>
    <td style="width:10%">&nbsp;</td>
  </tr>
  <tr>
    <td style="width:10%">&nbsp;</td>
    <td style="width:20%">&nbsp;</td>
    <td style="width:10%">&nbsp;</td>
    <td style="width:20%">&nbsp;</td>
    <td style="width:10%">&nbsp;</td>
    <td style="width:20%">&nbsp;</td>
    <td style="width:10%">&nbsp;</td>
  </tr>
  <tr>
    <td style="width:10%">&nbsp;</td>
    <td style="width:20%">&nbsp;</td>
    <td style="width:10%">&nbsp;</td>
    <td style="width:20%">&nbsp;</td>
    <td style="width:10%">&nbsp;</td>
    <td style="width:20%">&nbsp;</td>
    <td style="width:10%">&nbsp;</td>
  </tr>
</table>
</body>

</html>
Avatar billede mpj_86 Nybegynder
05. februar 2005 - 14:32 #3
Det er ikke det jeg vil havde..

Jeg vil havde så min table kun er lidt gennemsigtig, så man kan se baggrunden igennem...
Avatar billede roenving Novice
05. februar 2005 - 14:35 #4
Det er jo det man kan, men mener du, at en baggrund på tabellenskal være gennemsigtig, kan du bare sætte en baggrund på eksemplet !-)
Avatar billede mpj_86 Nybegynder
05. februar 2005 - 14:40 #5
Tak for hjælpen, det var bare dette jeg skulle bruge:

.gennemsigtig_table {
    -moz-opacity:0.6;
    opacity:0.6;
    background-color: #FFFFFF;
}

Skriv lige et svar...
Avatar billede roenving Novice
05. februar 2005 - 14:41 #6
Velbekomme '-)
Avatar billede roenving Novice
05. februar 2005 - 14:45 #7
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester