Antworten auf deine Fragen:
Neues Thema erstellen

CSS gradient bei mozilla nicht richtig bzw gar nicht dargestellt, bei IE aber schon

buyas

Nicht mehr ganz neu hier

Moin moin !

ich hab folgendes problem und hoffe jemand kann mir dabei weiterhelfen.
ich hab mit nem gradient-generator nen farbgradient generieren lassen und den über css eingebaut. der farbgradient soll beim hovern dargestellt werden, das hab ich über ne class für die entsprechenden divs geregelt. der IE stellt es wunderbar dar, aber mozilla nur homogen die grundfarbe und leider keinen farbverlauf.
ich hab leider keine ahnung worans liegen könnte. weiß jemand vllt worans liegt ? das wäre super !

Code:
.rahnamahaver a:hover
{
  background: #4c4c4c; /* Old browsers */
 -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 18%, #474747 39%, #2c2c2c 50%, #111111 62%, #2b2b2b 77%, #000000 84%, #1c1c1c 86%, #131313 100%); /* FF3.6+ */
 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(18%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(62%,#111111), color-stop(77%,#2b2b2b), color-stop(84%,#000000), color-stop(86%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
 -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 18%,#474747 39%,#2c2c2c 50%,#111111 62%,#2b2b2b 77%,#000000 84%,#1c1c1c 86%,#131313 100%); /* Chrome10+,Safari5.1+ */
 -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 18%,#474747 39%,#2c2c2c 50%,#111111 62%,#2b2b2b 77%,#000000 84%,#1c1c1c 86%,#131313 100%); /* Opera 11.10+ */
 -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 18%,#474747 39%,#2c2c2c 50%,#111111 62%,#2b2b2b 77%,#000000 84%,#1c1c1c 86%,#131313 100%); /* IE10+ */
 linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 18%,#474747 39%,#2c2c2c 50%,#111111 62%,#2b2b2b 77%,#000000 84%,#1c1c1c 86%,#131313 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
 position:absolute; 
 top:-3px; 
 left:0; 
 width:100%; 
 height: 100%;
 color:black;
}
 

AW: CSS gradient bei mozilla nicht richtig bzw gar nicht dargestellt, bei IE aber sch

Kann es sein, dass du da was vergessen, oder weggelassen hast?

Schau mal hier (ist nur ganz schnell zusammengebastelt nach deinem Code ;) )

Dir fehlen die Deklarationen vor den Werten; du brauchst jeweils ein "background" vor "-moz-linear-gradient" usw...

Lieber Gruß
 
Zuletzt bearbeitet:
AW: CSS gradient bei mozilla nicht richtig bzw gar nicht dargestellt, bei IE aber sch

danke für den tip, ich schau mir das eben mal an und probier es aus !
 
AW: CSS gradient bei mozilla nicht richtig bzw gar nicht dargestellt, bei IE aber sch

es klappt :D !! vielen dank :) !!
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.964
Beiträge
1.540.132
Mitglieder
68.144
Neuestes Mitglied
Brandneu Design
Oben