Azure Farben ändern hat geklappt- wieso?

Deutsches Forum
1

Hallo zusammen… nachdem ich mir unzählige Postings durchgelesen und Firebug installiert hatte, habe ich mich mal an die die OXID.css herangewagt.
User “Nickname” hat in diesem Post http://forum.oxid-esales.com/showthread.php?t=15208&page=3#post105954 erzählt, es gebe Farbverlauf-Generatoren (guter Tip- danke dafür!), also hab ich mal gegooglet und folgendes nette FF-AddOn gefunden: Ultimate CSS Gradient Generator - ColorZilla.com

Habe dann mal meine “Wunschfarben” eingegeben und das ist das Ergebnis- ein Farbverlauf von Grau-Rot nach Rot::

Den erstellten Code habe ich dann in der OXID.css an den entsprechenden Stellen ersetzt und zusätzlich noch die Framefarben ersetzt und was soll ich sagen: Es klappt! (In FF 16.0.2 und IE9, )

Was mich aber wirklich wundert und das ist jetzt auch meine Frage an Euch: die “Wunschfarben” funktionieren auch im IE9 obwohl ich keine SVG-Daten geändert habe? :eek: Wieso? (Ich meine, gelesen zu haben, daß für den IE auch SVG Dateien geändert werden müssen?!)

Hat das etwas mit diesem Bandwurmcode zu tun bzw wohin verlinkt der oder was bedeutet diese Codezeile?

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllNDg1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhODBmMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
??

Puh- viel Text… ich hoffe Ihr versteht, was ich meine.

2

Ergänzung:
Hier ist der gesamte generierte Code, den ich dann in die OXID.css eingefügt habe:

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

Hmm… der BigGrin gehört da nicht hin grrr
So ist die letzte Zeile richtig:

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e4852', endColorstr='#a80f32',GradientType=0 ); /* IE6-8 */