Transparante table (cell)

[Verwijderd]

Ik heb momenteel een table, die transparant is zodat de background image van de body een beetje zichtbaar blijft.

code:

<table border="0" width="100%" cellspacing="0" cellpadding="6" height="100%">
  <tr>
    <td style="filter:alpha(opacity=100)">
      <font face="Verdana" size="2" color="black">
        Text blablabla
      </font>
    </td>
  </tr>
</table>

Nu is het probleem dat de text ook transparant word, dit moet dus eigenlijk niet gebeuren, ik heb al verschillende handleidingen doorgelezen, maar kom er niet uit.

Weet iemand of dit uberhaupt mogelijk is??

[sjukke]

In vuurvos zie ik de tekst gewoon hoor..?

[Verwijderd]

Klopt, dat effect werkt alleen in InternetExplorer, door de andere browsers word het genegeerd. En je ziet de text wel, alleen die is ook transparant, waardoor de textkleur veranderd

[ Voor 32% gewijzigd door Verwijderd op 20-07-2004 21:21 ]

[faabman]

waar is die transparantie voor nodig?? zolang je geen background properties voor je table opgeeft wordt toch gewoon de achtergrond van het onderliggende item overgenomen

[Wolfboy]

Verwijderd schreef op 20 juli 2004 @ 21:08:
Nu is het probleem dat de text ook transparant word, dit moet dus eigenlijk niet gebeuren, ik heb al verschillende handleidingen doorgelezen, maar kom er niet uit.

Weet iemand of dit uberhaupt mogelijk is??

Div ervoor zetten?
en in mozilla is het moz-opacity

[Verwijderd]

faabman schreef op 20 juli 2004 @ 21:22:
waar is die transparantie voor nodig?? zolang je geen background properties voor je table opgeeft wordt toch gewoon de achtergrond van het onderliggende item overgenomen

Dit is omdat de body een achtergrond heeft, en de table zou iets donkerder moeten zijn, maar wel doorzichtig. (werk opzich goed, alleen de text word ook doorzichtig)

[Johnny]

Dat gaat niet lukken op deze manier. Als je in MSIE een element transparant maakt zijn alle elementen daarbinnen even transparant, ongeacht van wat je instelt. Verder kun je in MSIE alleen block elementen transpatant maken, tekst is inline, dus dat kan niet, behalve als je het een withd of height instelt, dat heeft geen effect op inline elementen, maar dan kun je ze opeens wel transparant maken

De enige oplossing om zoiets te doen in MSIE is door twee onafhankele elementen doormiddel van absolute positioning over elkaar heenzetten waardoor het lijkt of ze in elkaar staan.

In Mozilla heb je daar natuurlijk geen last van...

[Verwijderd]

Wolfboy schreef op 20 juli 2004 @ 21:24:
[...]
Div ervoor zetten?
en in mozilla is het moz-opacity

Div werkt niet:

code:

<table border="0" width="100%" cellspacing="0" cellpadding="6" height="100%">
  <tr>
    <td style="filter:alpha(opacity=45)">
      <div style="filter:alpha(opacity=0)">
        <font face="Verdana" size="2" color="black">Text blablabla</font>
      </div>
    </td>
  </tr>
</table>

[T-MOB]

Verwijderd schreef op 20 juli 2004 @ 21:08:
Ik heb momenteel een table, die transparant is zodat de background image van de body een beetje zichtbaar blijft.

Ik snap niet precies wat je bedoelt met "een beetje transparant". Ik gok dat je een waas in één of andere kleur bedoelt... (?)

Nu is het probleem dat de text ook transparant word, dit moet dus eigenlijk niet gebeuren, ik heb al verschillende handleidingen doorgelezen, maar kom er niet uit.

Weet iemand of dit uberhaupt mogelijk is??

Zoals opgemerkt, voor volledig transparant moet je simpelweg geen background opgeven. Voor een doorschijnende waas kan ik 2 dingen bedenken:

1. een gifje dat geblokt is in gewenste kleur en transparant als background instellen. Dat werkt zonder meer in elke browser.

2. (en mooier) gebruik maken van een PNG met alpha-transparancy als background. Dat zal standaard niet werken in IE, er schijnt echter een filter voor te bestaan dat je waarschijnlijk wel vindt als je zoekt op IE en Aplha transparancy.

edit:

code:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img.png)

zou alphatransparancy moeten regelen in IE...

[ Voor 8% gewijzigd door T-MOB op 20-07-2004 21:46 ]

[Rickets]

Johnny schreef op 20 juli 2004 @ 21:30:
Dat gaat niet lukken op deze manier. Als je in MSIE een element transparant maakt zijn alle elementen daarbinnen even transparant, ongeacht van wat je instelt. Verder kun je in MSIE alleen block elementen transpatant maken, tekst is inline, dus dat kan niet, behalve als je het een withd of height instelt, dat heeft geen effect op inline elementen, maar dan kun je ze opeens wel transparant maken

De enige oplossing om zoiets te doen in MSIE is door twee onafhankele elementen doormiddel van absolute positioning over elkaar heenzetten waardoor het lijkt of ze in elkaar staan.

In Mozilla heb je daar natuurlijk geen last van...

Je kan position:relative gebruiken om het overerven van die transparantie tegen te gaan.

[Verwijderd]

en in mozilla is het moz-opacity

'-moz-opacity'*. Daarnaast ondersteund Mozilla nu 'opacity', net als Safari, welke eerst '-khtml-opacity' had. Opera ondersteund het niet. Merk op dat 'opacity' zowel de tekst als achtergrondkleur aanpast.