Avatar billede futte850 Nybegynder
24. februar 2006 - 20:21 Der er 7 kommentarer og
1 løsning

gennemsigtig tabel

Hejsa... Jeg er igang med at lave en hjemmeside, men vil gerne have en tabel som er gennemsigtig. Det kan laves med billeder og det kommer så til at fylde lidt, men er det muligt i htmt eller css at lave en tabel som er gennemsigtig..??
Avatar billede medions Nybegynder
24. februar 2006 - 20:24 #1
Så skal du bruge CSS...

fx.

<table style="background-color: #ff0000;">
<tr>
<td style="opasity: 10%;">Hej med dig</td>
</tr>
</table>

//>Rune
Avatar billede Slater Ekspert
24. februar 2006 - 21:05 #2
Opacity er forkert stavet, og så er det CSS2, som ikke virker på IE. Der skal du bruge deres egne  filter: alpha(opacity=50); i stedet.
Avatar billede futte850 Nybegynder
24. februar 2006 - 22:11 #3
hvordan skriver du det ind i en css fil... altså #table { }
Avatar billede gotchi Nybegynder
24. februar 2006 - 22:19 #4
<table style="background-color: #ff0000;">
<tr>
<td style="filter: alpha(opacity=10);">Hej med dig</td>
</tr>
</table>
Avatar billede futte850 Nybegynder
24. februar 2006 - 22:23 #5
#gennemsigtig {
    background-color: #000000;
    visibility: 10%;
    height: 400px;
    width: 400px;

}
hvordan skriver man det ind???
Avatar billede gotchi Nybegynder
24. februar 2006 - 23:17 #6
#gennemsigtig {
    background-color: #000000;
    visibility: 10%;
    height: 400px;
    width: 400px;
    filter:alpha(opacity:10);

}
Avatar billede gotchi Nybegynder
24. februar 2006 - 23:17 #7
filter:alpha(opacity:10);

skal være
filter:alpha(opacity=10);
Avatar billede roenving Novice
25. februar 2006 - 22:48 #8
Man kan med css sætte gennemsigtigheden (eller rettere det modsatte !-) ved at sætte opaciteten, men M$IE og css-kompatible browsere bruger vidt forskellige properties til det, hvorfor man for at få en bare nogenlunde cross-browser visning er nødt til at benytte flere forskellige metoder ...

F.eks.

<style type="text/css">
.gennemsigtig{
  filter:alpha(opacity=20);/*IE4+*/
  -moz-opacity:0.2;/*Gecko-browsere*/
  -khtml-opacity:0.2;/*Khtml-browsere (?)*/
  opacity:0.2;/*css3-browsere*/
}
</style>

<table>
  <tr>
    <td class="gennemsigtig">
      Her er noget udfadet indhold</td>
    <td>
      Her er noget fuldt synligt indhold</td>
  </tr>
</table>

-- desværre er der stadig en del browsere, der hverken understøtter det ene eller det andet !-)
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