Problemer med gennemsigtighed af tabel

Hovsa, glemte at skrive hvad problemet var :)

- Det virker ikke på den måde at der ikke sker noget. Altså, der kommer en border og det er det. Baggrunden bliver slet ikke lysere eller mørkere.

<ole>

Tabellen skal 'have layout' - hvilket betyder, den f.eks. skal have sat en bredde, højde eller positioneres, for at filtret kan virke:
  http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/filter.asp

/mvh
</bole>

Hmm, jamen, har da sat en height og width på ? - det er da en højde og bredde, men det virkede jo ikk'

Linket fik jeg ikke meget ud af. Det ser ud som om de har brugt javascript :S

for en øjetering, filter virker ikke i Mozilla Firefox.

prøv:
.trans { filter: Alpha(Opacity=50,); width:100%; }

Det virkede heller ikke (IE 6.0), og hvis ikke det virker i firefox, hvad kan man så bruge ?

Det burde virke i IE.
Har du prøvet med en width:100% ?

Ja, det virkede jo som sagt ikke

Prøv:

<table width="600" height="500" class="trans" border="1" style="filter: Alpha(Opacity=50); width:100%; height:100%;">

Ved godt det ikke er den store forandring..

Filteret er skrevet forkert.

Det skal skrives således:

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

(ja, microsoft's kode er genial)

Husk at du stadig skal give fast højde og bredde v.h.a. CSS før det kan virke.

net.

Tak, det virkede electricnet ;)

Så lidt, er glad for det virkede! :D

net.

Som sagt virker filter tingen kun i IE, men for bedre browsere som firefox kan du bruge et lille png billede som er halvgennemsigtigt i den farve og den % gennemsigtighed du ønsker således:

[element] { background-image: url(http://link/til/billede.png); }

* html [element] { background-image: none; }

Hvor du selvfølgelig udskifter [element] med hvilket element du vil give halvgennemsigtighed.

net.

Og forresten! så skal det jo også have gennemsigtig baggrundsfarve før det virker, tillad mig lige at ændre en smule i koden:

[element] { background: transparent url(http://link/til/billede.png); }

* html [element] { background-color: #[farve]; background-image: none; }

net.

<ole>

Hvad i alverden er det for en IE6, dette ikke virker i (bortset fra under MacOS):

<table width="600" height="500" class="trans" border="1" style="filter: Alpha(Opacity=50); width:100%; height:100%;">
<tr>
    <td>jkljlkjlkj</td>
</tr>
</table>

Desuden kan man vel ligeså godt bruge opacity i FF (og de fleste andre):

<table width="600" height="500" class="trans" border="1" style="filter: Alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5; width:100%; height:100%;">
<tr>
    <td>jkljlkjlkj</td>
</tr>
</table>

Så bruger du alpha-filtret til IE, '-moz-opacity' til ældre Mozilla'er og 'opacity' til de browsere, der overholder CSS-standarden  :)

/mvh
</bole>

- så slipper du desuden at skulle skrive forskellig CSS til forskellige browsere  ;o)

Ja, jeg testede i IE6, og filter: Alpha(Opacity=50); virkede ikke der. Det jeg foreslog stod også på MSDN.

Jeg må indrømme jeg ikke vidste der var de smarte CSS-properties der, jeg kendte dog godt -moz tingene. (Er der forresten en liste af dem et sted?)

net.