alpha på baggrundsbillede

F.eks.

<td valign="middle" style="width:50%;background:url(/images/bg.gif);" onmouseover="this.filters.alpha.opacity='50';this.style.MozOpacity='0.5'" onmouseout="this.filters.alpha.opacity='100';this.style.MozOpacity='1.0'" onClick="window.location.href='news.asp'" style="cursor:hand" align="center"><font color="#66530F">Nyheder</font></td>

Hrm ...

<td valign="middle" style="width:50%;background:url(/images/bg.gif);cursor:pointer;color:#66530f;text-align:center;" onmouseover="this.filters.alpha.opacity='50';this.style.MozOpacity='0.5'" onmouseout="this.filters.alpha.opacity='100';this.style.MozOpacity='1.0'" onClick="window.location.href='news.asp'">Nyheder</td>

roenving: CSS3-propertien opacity er begyndt at blive understøttet af f.eks. Mozilla og Safari, så måske den lige skal tilføjes, for at effekten virker i Safari også. (Og Opera kommer nok også snart med understøttelse af opacity.)

<td valign="middle" style="width:50%;background:url(/images/bg.gif);cursor:pointer;color:#66530f;text-align:center;" onmouseover="this.filters.alpha.opacity='50';this.style.MozOpacity='0.5';this.style.opacity='0.5'" onmouseout="this.filters.alpha.opacity='100';this.style.MozOpacity='1.0';this.style.opacity='0.5'" onClick="window.location.href='news.asp'">Nyheder</td>

Og det skulle ikke have været et svar.

Er Safari kommet med ?-)

-- se det vidste jeg ikke !-)

-- så skal jeg jo til at lave mit opacity-script om ...

Ja, fra version 1.1 og den har endda sine egne quirks: http://www.hiermenuscentral.com/issues/22.html

Hej drenge,
Tak for jeres svar - og interne diskussion :-)
Jeg bør vel tildele points til roenving - så smid et svar, roenving...

/Lars

Velbekomme '-)

Tak for point ;~}

Hov - når jeg sætter din kode ind - den efter 'Hrm' får jeg følgende fejl:
'this.filters.alpha is null or not an object'

Havd går galt??

Spøjst, at den ikke kender nogen filters uden at de eksplicit er angivet:

<table><tr>
<td valign="middle" style="width:50%;background:url(/images/bg.gif) #bcd;filter:alpha(opacity=100);cursor:pointer;color:#66530f;text-align:center;" onmouseover="if(this.filters)this.filters.alpha.opacity='50';this.style.MozOpacity='0.5'" onmouseout="if(this.filters)this.filters.alpha.opacity='100';this.style.MozOpacity='1.0'" onClick="window.location.href='news.asp'">Nyheder</td>
</tr></table>

-- og jeg har tilføjet filter:alpha(opacity=100); i style-attributten (klarer problemet i IE !-) og if(this.filters) i onmouse-events, som klarer en fejl i Gecko-browserne ...