So, nachdem es ja mit der Worldtime geklappt hat, brauche ich noch einen Hintergrund dafür. Der Hintergrund sollte Transparent sein. Ich dachte so an Rauchglas. Wie bekomme ich das hin?
Würde man für den Hintergrund eine neue Grafik laden, kostet das dem Webseitenaufbau zusätzliche Zeit. Eine gute Möglichkeit bietet eine Farbe über die CSS transparent darzustellen. Wenn es dem Rauchglas ähneln soll, funktioniert ein Grauton recht gut.
1. Bei Verwendung mit "opacity" für die Transparenz, wird der Hintergrund, aber auch die Schrift transparent dargestellt!
Neue Klasse (class="hintergrund") anlegen.
Hintergrundfarbe in Zeile 2 anpassen.
Transparenz in Zeile 3 von 0.1 (hohe Transparenz) bis 1.0 (keine Transparenz) einstellen.
Weitere Formatierungen möglich.
Zeile 2 - 6 kann auch in "Eigener CSS-Code" eingetragen werden.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
<style type="text/css"> .timezones { background: #777777; /*Grauton*/ opacity:0.6; /* Stärke der Tranparenz (0.1 bis 1.0) */ filter:alpha(opacity=60); /* Für IE8 und älter - Stärke der Tranparenz (10 bis 100) */ display:inline-block; border-radius: 10px; padding:5px; text-align:center; } </style>
Der Treffpunkt für Hilfe, Tricks & Tipps
»
XOBOR-Foren und Homepages
»
Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps
»
Hintergrund
03.12.2014 12:20 (zuletzt bearbeitet: 03.12.2014 18:46)
Foren Spende
Direkt zu PayPal
Thema drucken
Antworten
