Opacity

Das ist ein Beispiel für Opacity, bzw. Transparenz.

Der Textblock wird mit einem weißen oder andersfarbigen Hintergrund hinterlegt, und somit kann man dann Text über ein Foto legen. Ohne die Transparenz kann man den Text sehr schlecht lesen.


Opacitiy

CSS - Class um ein Element teilweise druchsichtig zu machen.

CSS - Opacity
.durchsichtig {
  background-color:#FFF;
  color:#000;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter:alpha(opacity=70);
}

Auf meiner eigenen Seite habe ich das sehr häufig benutzt, um den Hintergrund durchscheinen zu lassen. Sehr oft wird das angewendet um auf einem Bild Text darzustellen. Ein Beispiel sehen Sie oben auf dieser Seite.

Man braucht dafür 4 Zeilen, wenn man auch ältere Browser abdecken will (Crossbrowser Lösung)

  • 1. Zeile für moderne Browser
    (opacity: 0.7)
  • 2. Zeile für ältere Mozilla Browser
    (-moz-opacity: 0.7)
  • 3. Zeile für Internet Explorer Version 8.0
    (-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70))
  • 4. Zeile für Internet Explorer Version 5.x bis 7.0
    (filter:alpha(opacity=70))
Letzte Änderung dieser Information: 02.07.2024 22:07 h

Wir verwenden Cookies und Dienste von Drittanbietern

Akzeptieren Sie Cookies und Dienste?

 Nein   Ja     mehr Information

Wir nutzen folgende Cookies:

php Session Cookie: PHPSESSID
Wird vom Server gesetzt um die Funktionaität der Kontaktformulare, die Auswahl der Sprache, der Wunschliste und dem Warenkorb zu gewährleisten.
Speicherdauer: Bis Ende der Browsersitzung
Werte: SessionID: 60u4ml8bvo7prhdbrts1r2kil5


Eigenes Cookie: tenerindi_com
Speichert ob Sie Cookies und Dienste akzeptieren und wenn ja, welche Sie akzeptieren.
Speicherdauer: 90 Tage (Bei NEIN nur bis Ende der Browsersitzung)
Werte: AllowCookies: YES / NO - AllowGoogleMaps: YES / NO - AllowYoutube: YES / NO - AllowKalender: YES / NO - AllowMatomo: YES / NO


Matomo Analytics: _pk_id.1.8c15
wird verwendet, um einige Details über den Benutzer zu speichern, wie die eindeutige Besucher-ID
Speicherdauer: 13 Monate

Matomo Analytics: _pk_ses.1.8c15
Kurzzeit-Cookies, die vorübergehend Daten für den Besuch speichern
Speicherdauer: 30 Minuten


Ihre Einstellungen

 Einstellung speichern Schliessen

  Es werden keine dauerhaften Cookies gesetzt und keine Daten an Google gesendet. Sie können allerdings die Landkarte von Google Maps und Streetview nicht nutzen.

  Das Cookie wurde soeben gesetzt.