Avatar billede quarkb Nybegynder
23. juni 2005 - 22:01 Der er 12 kommentarer og
1 løsning

Transperant celle

Jeg vil gerne havde 50% transperant baggrunds farve i en tabel celle, har har dette <td style="filter: Alpha(Opacity=50)">
men det gør også den tekst som skrives i cellen transperant, og det skal den ikke være, kun baggrundsfarven.

How to do?
Avatar billede roenving Novice
23. juni 2005 - 22:09 #1
Det kan du kun ved at lægge flere objekter ovenpå hinanden ...

I cellen placerer du et image, som er transparent, og ovenpå det placerer du et andet element !-)

<table>
  <tr>
    <td style="position:relative;width:100px;height:100px;">
      <img src="..." style="filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;">
      <div style="position:absolute;top:0;left:0;>
        Her der en tekst, som ligger ovenpå den gennemsigtige baggrund</div></td>
  </tr>
</table>
Avatar billede roenving Novice
23. juni 2005 - 22:11 #2
Hov, der manglede en ""

<table style="background:#44f">
  <tr>
    <td style="position:relative;width:100px;height:100px;">
      <img src="../billede.jpg" style="filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;width:100px;">
      <div style="position:absolute;top:0;left:0;color:#fff;">
        Her der en tekst, som ligger ovenpå den gennemsigtige baggrund</div></td>
  </tr>
</table>
Avatar billede quarkb Nybegynder
23. juni 2005 - 22:14 #3
Det er ikke et baggrundsbillede men blot en celle farve!
Avatar billede roenving Novice
23. juni 2005 - 22:15 #4
Du skal alligevel bruge to forskellige elementer !o]

-- eller lave et semitransparent billede som baggrund (men er det Internet Explorer, som ikke forstår den slags ?-)
Avatar billede quarkb Nybegynder
23. juni 2005 - 22:20 #5
Det virker som sådan godt nok, men jeg vil gerne havde en sort tekst og ikke hvis som du angiver i <div style="position:absolute;top:0;left:0;color:#fff;">
Avatar billede roenving Novice
24. juni 2005 - 00:26 #6
Enten udelader du color i stylen (da jeg regner med at din tekst-farve ellers er sort !-) eller også angiver du color:#000; ...
Avatar billede quarkb Nybegynder
24. juni 2005 - 23:14 #7
Det er sådan at min table er centreret midt på skærmen, jeg kan derfor ikke bruge style="position:..."
Avatar billede olebole Juniormester
24. juni 2005 - 23:26 #8
- hvad har det dog med hinanden at gøre?
Avatar billede quarkb Nybegynder
24. juni 2005 - 23:36 #9
hvordan laver du ovenstående centreret midt på skærmen?
Avatar billede olebole Juniormester
25. juni 2005 - 01:04 #10
Hvis du i øvrigt har en brugbar kode, hvor du kan bruge CSS, kan du skrive:
  <table style="background:#44f;margin:0 auto">
- så er tabellen centreret
Avatar billede quarkb Nybegynder
26. juni 2005 - 18:31 #11
Jeg har valgt at droppe den gennemsigtige baggrund, lig et svar begge to, og i får point for jeres tid, tak for jeres tid og hjælp.

:o)
Avatar billede roenving Novice
26. juni 2005 - 23:18 #12
Oki '-)
Avatar billede roenving Novice
28. juni 2005 - 00:05 #13
-- 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