Gradient klappt nicht mehr

[Davi2000]

hat sich erledigt. Kann gelöscht werden.

 

[simonpicos]

AW: Gradient klappt nicht mehr

wäre vielleicht interessant zu wissen, was dein problem war.. es ist ziemlich kontraproduktiv, wenn man nach lösung des problems den ganzen post löscht.

 

[Davi2000]

AW: Gradient klappt nicht mehr

Ok. Habe mich gestern hingesetzt und bisschen basteln wollen. Dachte mir machst nen schönen Farbverlauf und verwendest Gradient Generator. Füge alles in mein CSS und siehe da es ging nicht richtig. Habe dieses Bild bekommen.



Eben probiere ich das aus und es geht wieder. Schon komisch irgendwie.

Wenn ich diesen Code verwende, geht es aber nicht.

 /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #2F2727, #1a82f7);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #2F2727, #1a82f7);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #2F2727, #1a82f7);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #2F2727, #1a82f7);

Der Code ist von CSS-tricks.com

 

[simonpicos]

AW: Gradient klappt nicht mehr

Unabhängig davon, obs jetzt wieder geht oder nicht, kann ich den hier nur wärmstens empfehlen: http://www.colorzilla.com/gradient-editor/
der liefert dir den code mit der größtmöglichen browserunterstützung und allen möglichen fallbacks für ältere browser

 

[Davi2000]

AW: Gradient klappt nicht mehr

Habe ich auch gemacht. Eben wieder probiert.

Das ist der Code den mir der Generator gibt.

background: #606466; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzYwNjQ2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWRiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #606466 1%, #a1dbff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#606466), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #606466 1%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #606466 1%,#a1dbff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #606466 1%,#a1dbff 100%); /* IE10+ */
background: linear-gradient(top,  #606466 1%,#a1dbff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606466', endColorstr='#a1dbff',GradientType=0 ); /* IE6-8 */

Dan sieht es so aus, wie in meinem Pic was ich gepostet habe.