Transparente Info-Boxen bei Mouseover

Beispiel an einem Navigationsmenü

Im Normalzustand sind die Info-Boxen unsichtbar; sobald Sie jedoch mit Ihrer Maus über die Links fahren, werden diese sichtbar!

die bei Mouseover erscheinenden Info-Boxen weisen eine leichte Transparenz auf; diese war durch die Eigenschaft 'opacity' zu erreichen, die bei Bedarf auch unter dem Selektor 'a.box:hover span' in der CSS-Datei anderweitig eingestellt werden kann. (hier im Beispiel wird der Wert bzw. Transparenzstufe von 0.9 verwendet). Erlaubte Werte liegen zwischen 0.00 (vollständige Transparenz) und 1.00 (keine Transparenz).

Die Transparenz wurde in folgenden Browsern getestet:
- Internet Explorer 11
- Opera (Version 53.0)
- Safari (Version 5.1.7)
- Mozilla Firefox (Version 60.0)
- Google Chrome (Version 66.0)

Testergebnis: Alle oben aufgeführten Browser interpretieren diese Transparenz!

Beispiel downloaden

homepage-vorlagen-webdesign.de | Datenschutz