WinFuture-Forum.de: 50% Transparent - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

50% Transparent Tabelle 50% Transparent


#1 Mitglied ist offline   Party 

  • Gruppe: aktive Mitglieder
  • Beiträge: 501
  • Beigetreten: 16. Januar 04
  • Reputation: 0

geschrieben 28. Juli 2006 - 07:37

Hi leute ich hab da mal eine Frage. Und zwar ist es realisierbar dass man einer Tabelle einen weißen Hintergrund zuteilt aber den 50% Transpartent? gibt es dafür einen HTML bzw CSS code?

ansonsten wie realisier ich das am besten?
0

Anzeige



#2 Mitglied ist offline   Skaroth 

  • Gruppe: aktive Mitglieder
  • Beiträge: 554
  • Beigetreten: 08. September 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Wien

geschrieben 28. Juli 2006 - 07:41

Beitrag anzeigenZitat (Party: 28.07.2006, 08:37)

Hi leute ich hab da mal eine Frage. Und zwar ist es realisierbar dass man einer Tabelle einen weißen Hintergrund zuteilt aber den 50% Transpartent? gibt es dafür einen HTML bzw CSS code?

ansonsten wie realisier ich das am besten?


Du packst die Tabelle in einen <div id="irgendwas"></div> Container und schreibst im Stylesheet das dazu:

div#irgendwas {
  filter:alpha(opacity=50); 
  -moz-opacity: 0.75;
}


Allerdings ist es keine saubere Art, es funktioniert aber dennoch :D

Dieser Beitrag wurde von Skaroth bearbeitet: 28. Juli 2006 - 07:41

0

#3 Mitglied ist offline   Party 

  • Gruppe: aktive Mitglieder
  • Beiträge: 501
  • Beigetreten: 16. Januar 04
  • Reputation: 0

geschrieben 28. Juli 2006 - 08:06

gibt es eine schönere art und weise?

ich bin nicht gerade so der grafik pro aber ist es möglich das man ein bild mit 50% transparent speichert (gif) und das dann einfach bei der Tabelle als bg verwendet?
0

#4 Mitglied ist offline   Vyper 

  • Gruppe: aktive Mitglieder
  • Beiträge: 65
  • Beigetreten: 25. Juli 04
  • Reputation: 0

geschrieben 29. Juli 2006 - 12:32

Wenn du das auf ne saubere Art und Weise lösen willst ne saubere Art, kannst höchstens eine .png Datei erstellen und dort den Alpha Wert auf 50% stellen.
Mit .gifs wird das ganze deshalb nicht funktionieren, da gif-Dateien keine Alpha-Transparenz unterstützen.
Im CSS brauchst du dann nur noch halt wie gewohnt die Datei als Hintergrund einbinden.
0

#5 Mitglied ist offline   hasch 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.790
  • Beigetreten: 28. Januar 04
  • Reputation: 0
  • Wohnort:Localhost
  • Interessen:Ach so viele ...

geschrieben 29. Juli 2006 - 22:13

element {
opacity:0.5; /* in CSS3 existent, d.h. auch W3C konform - unterstützen mir alle bekannten browser, bis auf den ie, auch ie7 noch nicht */
}

0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0