Marktplatz Downloads Tutorials Forum

Designnation bietet auch:

Tutorial hinzufügen

Beliebte Links Weitere Optionen

Tutorial suchen

Titel

Schlüsselwörter

(X)HTML / CSS Tutorial: Transparente Tables



Ranking: -1   Kommentare: 4   |   Bewertung: Keine Berechtigung!  

Vorwort


Hier ein kleines, sich selbst erkärendes und kurz geratenes Tut.

Schritt 1


Es gibt 2 wege eine Tabelle Transparent zu bekommen.

Der Firefox freundlichere weg ist der folgende:

Man füge folgendes in den Stylesheet ein:

Code:






.transparentetable {



filter:alpha(opacity=40);

-moz-opacity:0.9;

 opacity:0.9;

 -khtml-opacity:0.9



}






Die Opacity angaben sind dazu da um einzustellen, wie sichtbar die tabelle in % ist. Bei 10-20 % erkennt man die tabelle kaum noch, ab 90 ist sie nur sehr leicht durchsichtig.

Dabei muss noch im table tag folgendes erscheinen:

Code:


class="transparentetable"



Der andere weg ist der folgende, man fügt folgenden Code in den table bzw. tr oder td tag:

Code:






style="filter:alpha(opacity=40); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9"






Dieser weg wird jedoch nicht von allen Browsern unterstützt.


Veröffentlicht von: JoeySmith
Veröffentlicht am: 16 Feb. 2007
Bookmarks: social bookmarking yigg it Linkarena Technorati Yahoo Mr. Wrong
Schlüsserwörter:

Kommentar(e) (4)


GottZ sagt:

Zitat immergreen:

der ie6 und aelter ersetzt transparente pngs aber als grau! lieber elvis67


bla bla... nach der eingabe "ie6 png" in google stand an vierter stelle folgendes: http://www.peterkroener.de/2007/04/10/png-ohne-reu e-die-definitive-losung/
nix is unmöglich..

22 Feb. 2008 01:10:41 • Antworten


ashiso sagt:

Außer opacity:xx; sind das alles propritäre CSS-Eigenschaften - für jeden Browser eine andere.
Von daher empfehle ich "progressive enhancement" mit CSS3 Selektoren.

4 Feb. 2008 22:19:34 • Antworten


immergreen sagt:

der ie6 und aelter ersetzt transparente pngs aber als grau! lieber elvis67

25 Jan. 2008 14:36:06 • Antworten


elvis67 sagt:

... funktioniert, keine Frage. Allerdings dürfte eine W3C Validierung damit wohl flachfallen. Um eine standardkonforme Transparenz hinzubekommen, einfach die Fläche mit einem halbtransparenten .png füllen!

31 Dec. 2007 02:39:49 • Antworten



Anfang

<<

1

>>

Ende

Kommentar eintragen


!! Jetzt kostenlos anmelden oder einloggen und mitdiskutieren!


Partner: • Designer in ActionFlash HilfeTutorials.dePixelio.deFlashstar BlogLizenzfreie Bilder