Hintergrundbild in einer Tabellenzelle halbtransparent

[Jeena Paradies]

Hallo Frank Stabenau,

<TD VALIGN="top" ALIGN="center" class="info"><span class="jo"> test </span></TD>
.jo {
filter:alpha(opacity=100);
}

Also sehr komisch gemacht ich würde das so machen:

HTML:
<td class="info">
 <span>test</span>
</td>

CSS:
td.info {
 vertical-align: top;
 text-align: center;
 background-color: #FFFAFA;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}
td.info span {
 filter: alpha(opacity=100);
 -moz-opacity: 1;
}

Das font Zeugs wird ja dann von Body übernommen. Wenn du es ausdrücklich anders formatieren willst dann nimmst du das in [td.info span] mit auf. So wird dein HTML Quelltext viel schöner und übersichtlicher und du kannst alles in deine externe CSS Datei auslagern. Außerdem sparst du dir einer Klasse. Das alles habe ich nicht ausprobiert kann sein dass da was nicht funktioniert da ich mich mit diesem filer und -moz Zeugs nicht auskenne.

Bedenke aber dabei dass du dann diesen Effekt bei vielen Browsern nicht hast. Das wird aber warscheinlich nicht weiter schlimm sein. Was du aber machen könntest ist mit einer CSS Weiche nur den IE mit dem filter zu bedienen und allen anderen ein Halbtransparentes PNG Hintergrundbild zu liefern.

Grüße
Jeena Paradies