Tabelle: Zellenhintergrund halbdurchsichtig machen

ahykes

Erfahrenes Mitglied
Hallo Leutz,

ich habe nun mein Script (oder auch Funktion genannt), welches mir beim RollOver über einen Link eine kleine Tabelle anzeigt.Ich fände es schön, wenn die Tabelle entweder ganz oder zumindest in einer Zelle zu 50% durchsichtig wäre.
Kann man da was mit der Alphaeigenschaft drehen? Klar könnte ich das auch mit Flash machen, aber da bin ich nett so der Fan von! :)

function maketip(name,title,text){
if(hascss()) document.write('<div id="'+name+'" name="'+name+'" style="position:absolute; visibility:hidden; z-index:20; top:0'+px+'; left:0'+px+';"><table width='+IWIDTH+' border=0 cellpadding=2 cellspacing=0 bgcolor="blue"><tr><td class="tiptd"><table width="100%" border=0 cellpadding=0 cellspacing=0><tr><th><span class="ptt"><b><font face="ARIAL" size="2" color="#FFFFFF"><b>'+title+'</b></font></b></span></th></tr></table><table width="100%" border=0 cellpadding=2 cellspacing=0 bgcolor="#FFFFFF"><tr><td><span class="pst"><font face="ARIAL" size="1" color="#000000">'+text+'</font></span></td></tr></table></td></tr></table></div>'+"\n");
}
 
Zuletzt bearbeitet:
Nicht lachen! Ich habe schon eine Lösung gefunden! Also es geht mit CSS viel einfacher als ich gedacht habe... :

Code:
datei: styles.css
----
.Ftrans
{
width: 100%;
filter:alpha(Opacity=50, FinishOpacity=50,,,,,); 
-moz-opacity: 50%
}

--<ende>---


HTML Datei:
----
<HTML>
<HEAD>
<LINK REL=stylesheet TYPE="text/css" HREF="styles.css">
</HEAD>

<BODY>
</BODY>

<SPAN CLASS="Ftrans">
<TABLE>
.
.
.
.
</TABLE>
</SPAN>
</HTML>
 
ich hab deinen Bericht hier mit viel Interesse gelesen
und es läßt sich dadurch auch ein sehr stylischer effekt erzielen,
allerdings wird die schrift innerhalb der tabelle ebenfalls halbtranzparenz
und ist nun bei mir hellgrau anstatt schwarz,
kann man das verhindern ?
gruß
 
Ne, leider nicht. Aber du kannst versuchen, den Text in einene anderen Style zusetzen mit "class=..".

Das könnte glaube ich funktionieren. Versuchs mal!
 

Neue Beiträge

Zurück