20. august 2004 - 16:53Der er
8 kommentarer og 1 løsning
Kode til gennemsigtighed i en tabel/celle
Hej,
Jeg står og mangler et stykke kode der kan gøre at en tabel på min hjemmeside bliver fx. 50% gennemsigtig, således at man stadig kan se noget af baggrunden på hjemmesiden. :)
Hvis du vil have at forgrunden (f.eks. tekst) står klart, skal du lægge et element ind bagved, som har den baggrund, som du ellers ville have brugt på tabellen:
<div style="position:relative;background:red;"> <div style="width:400px;height:300px;filter:alpha(opacity=50);-moz-opacity:0.5;background:blue;"></div> <table style="position:absolute;top:0px;left:0px;width:400px;height:300px"> <tr> <td>Indhold celle 1</td> <td>Indhold celle 2</td> </tr> <tr> <td>Indhold celle 3</td> <td>Indhold celle 4</td> </tr> <tr> <td>Indhold celle 5</td> <td>Indhold celle 6</td> </tr> </table> </div>
Nu har jeg bare lagt det inde i en div med rød baggrund, for at illustrere teknikken, for du skal have et reference-element, som du kan lægge de to elementer (her en div og en tabel !-) ind i, ellers er det meget svært at få dem til at blive ovenpå hinanden !o]
-- den baggrund kunne jo være et billede, og så kunde baggrunden i den indre div være 50% hvid !-)
yes, hehe, også ganske fint, jeg er bare ikke så skarp til det programmering i den dur der.. så måske du kunne fortælle mig hvordan jeg valgte et billede til baggrund så?
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.