Marco: css radial-gradient unter ios nicht verfügbar

Beitrag lesen

problematische Seite

Vielen, vielen Dank Rolf und Matthias. Ihr habt mich auf den richtigen Weg gebracht.

Mit den IDs eins, zwei, drei hat alles funktioniert. Der Fehler lag in den 100% für den ersten Farbwert und dann nochmal 100% für transparent.

Nehme ich den ersten Farbwert auf 99% und belasse transparent auf 100% funktioniert es. haha... genial. Er kam also nur nicht mit zweimal 100% klar.

Ich hatte es ganz am Anfang mit den ersten Farbwerten auf weniger als 100% versucht, hatte da aber noch transparent auf 0 (nicht auf 100%). Da hat es also auch nicht funktioniert. Tatsächlich muss es so lauten:

background-image: 
                radial-gradient(circle 8vw at 50% 65%, rgb(255 143 87) 99%, transparent 100%),
                radial-gradient(circle 16vw at top right, #343434 99%, transparent 100%),
                radial-gradient(circle 50px at 75% 30%, rgba(255, 95, 15, 0.868) 99%, transparent 100%),
                radial-gradient(circle 6vw at 60% 30%, rgb(55, 55, 55) 99%, transparent 100%),
                radial-gradient(circle 10vw at 85% 60%,  rgba(90, 90, 90, 0.868) 99%, transparent 100%);

Folglich ist es die Kombination aus zwei Prozentwerten, die nicht beide gleich 100 sein dürfen. Dann funktionierts. Auch transparent 0 mag er nicht. Gut zu wissen. Mega. Ich freue mich riesig. Bin fast verzweifelt.

Vielen lieben Dank nochmal und einen schönen Abend wünscht

Marco

PS: bewops.de ist noch im Aufbau...