Aaaalso, nun nochmal dazu.
Ist ja interessant, dass das bei Sempervivum geklappt hat. Scheint ja mein Code zu sein. Ich lade meine Seiten meistens komplett neu, da da öfter mal was aus dem Cache geladen wird und dann nicht aktualisiert ist. Und beim URL einbinden hatte ich sicher auch keinen Drehen drin. Ich kann mir vorstellen, dass ich aber mit dem SVG-Code (nicht URL) zu viel rumgewurschtelt habe. Ganz sicher hab ich schon mal die viewBox nicht geändert, sondern nur den data-Teil.
Das mit dem %23 muss mal auch erstmal raffen. Der mag tatsächlich kein #. Aus URLs mit Leerzeichen kennt man ja %20, aber dass das so und nur so und nicht anders geht...
Das ist, was ich vorhatte:
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M97.138,225.919c0-8.095,3.085-16.186,9.262-22.365L300.687,9.269c12.359-12.359,32.396-12.359,44.75,0 c12.354,12.354,12.354,32.389,0,44.748L173.528,225.92l171.914,171.909c12.354,12.354,12.354,32.391,0,44.744 c-12.354,12.365-32.392,12.365-44.75,0L106.404,248.292C100.229,242.115,97.138,234.018,97.138,225.919z");
Da habe ich aber nur Data geändert und nicht die viewBox.
Was hat Sempervivum denn da noch großartig getan? Mit dem Code hier wird mir jedenfalls nichts angezeigt. Auch in Schwarz nicht, denn dazu muss ich ja nur %23000 ändern.
Was Mr Murphy und Basti gemacht haben, funktioniert bei mir beides. Ob das nun an der viewBox liegt oder an noch was Zusätzlichem, lass ich mal offen.
Eine Frage hätte ich nun noch. Warum important? Ohne geht's auch. Ich lade das CSS ja nach dem Bootstrap, daher wird das ja eh überschrieben.
Danke jedenfalls, es klappt jetzt!
Schau an!