✔ Hintergrund bei Mouseover

[Eric25]

Hallo Webgemeinde,

ich hab ein kleines Prob. Ich will bei Mouseover in einer Tabellenzelle ein leicht transparentes Hintergundbild haben oder weiße Hintergrundfarbe mit Alphaeffekt. Zur Zeit hab ich bei Mouseover nur eine andere Hintergrundfarbe mit diesem Code: <td width="144" onMouseover="this.style.backgroundColor='#cc3333';" onMouseout="this.style.backgroundColor='';">

Wie kann ich das bewerkstelligen, dass ich statt der Farbe ein Hintergrundbild einfügen kann oder noch besser eine Hintergrundfarbe die mit einem Alphafilter transparent wird.

Gruß

Eric

Im Voraus Danke für Euere Hilfe

 

[Adam Wille]

<td width="144" onMouseover="this.style.backgroundImage='url(bild.gif)';" onMouseout="this.style.backgroundImage='';">

wäre die einfache Variante...

Für die Variante mit dem Bild + Filter kann ich keinen Vorschlag bringen, da mich Filter momentan nicht so interessieren und ich mich daher nicht so dem Kapitel widme.

Geist

 

[Andreas Gaisbauer]

Hi,

Ohne Gewähr, sollte aber funktionieren...

<td style="background-color:black;" onMouseover="this.style.filter='Alpha(opacity=50)'"
onMouseout="this.style.filter='Alpha(opacity=100)'">&nbsp;</td>

CU Andreas
-------------------------------------------------------------
"There are only 10 types of people in the world, those that understand binary, and those that don't."

 

[Eric25]

nicht ganz

HI,

ich das gerade mal probiert. Das Problem ist das ich noch ein Hintergrundbild auf der Seite habe. Deswegen kann ich das mit schwarz als Grundwert nicht nutzen, da sonst der Hintergund verdeckt ist. Nur bei Mouseover soll die Zelle weiß ausgefüllt sein und dann leicht transparent sein, damit der HIntergrund noch durchschiemert.

Gruß

Eric

 

[Adam Wille]

Mh, dann so?

<td onMouseover="this.style.backgroundColor='#FFFFFF';this.style.filter='Alpha(opacity=50)'"
onMouseout="this.style.backgroundColor=''"> </td>

Have a try...

Geist

 

[Eric25]

Hi,

ja so funtzt es. Danke Dir für Deine Hilfe.

Gruß

Eric