Farbverlauf per CSS |
Willkommen, Gast ( Anmelden | Registrierung ) [ Hilfe | Mitglieder | Suche ]
Farbverlauf per CSS |
Fri. 28. March 2014, 17:45
Beitrag
#1
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 287 Mitglied seit: 14.05.2009 Mitglieds-Nr.: 1.885 |
Hallo Cracks,
ich habe mal wieder eine Frage an die Erfahrenen Programmierer hier. Also: Ich habe mich das erste mal getraut mein Layout auf CSS-Basis zu erstellen und bin mit meinem CSS-Ergebnis recht zurfieden. Da ich Hobby-Designer bin, dürfte mein Ergebnis aus ausreichen... . Trotzdem würde ich gerne ein DIV mit einem Farbverlauf versehen, und zwar von Weiß nach Transparent. Bislang habe ich nur eine funktionierende Lösung für den Firefox gefunden, möchte aber, wenn möglich, eine Browserübergreifende Lösung einbauen. Hat dazu jemand einen Rat, der möglichst auch den IE ab Version 8 berücksichtigt? Hier mal der Auszaug aus meinen CSS und das zugehörige DIV um das es geht: QUELLTEXT #topbar
{ width:1000px; height:200px;} -------------------- Es dankt und grüßt
webmaster FF -------------------- Sefrengo v.1.6.0 ES LEBE SEFRENGO - denn du hast tausende von Möglichkeiten !! |
|
|
Sun. 30. March 2014, 13:09
Beitrag
#2
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 287 Mitglied seit: 14.05.2009 Mitglieds-Nr.: 1.885 |
Nachdem hier im Forum wieder deutlich zu viel Ruhe einkehrt, poste ich dann mal die Antwort aus einem anderen Forum und hoffe dazu beizutragen, hier wieder für mehr Leben zu sorgen...
QUELLTEXT background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); Für ältere Browser muss ein Fallback mittels Bild vorgesehen werden... . -------------------- Es dankt und grüßt
webmaster FF -------------------- Sefrengo v.1.6.0 ES LEBE SEFRENGO - denn du hast tausende von Möglichkeiten !! |
|
|
Vereinfachte Darstellung | Aktuelles Datum: 16.5.24 - 09:14 |