Ich habe einige PNG-Bilder, bei denen alle Pixel reinweiß sind und eine Deckkraft zwischen 0 % und 100 % aufweist, die in -Tags zu Webseiten hinzugefügt werden, und ich möchte die undurchsichtigen und halbtransparenten Teile in die aktuelle Textfarbe umfärben (die die Benutzer der Website nach Belieben ändern können, wobei ihre Auswahl als CSS-Variable auf Stammebene gespeichert wird, auf die ich verweisen kann), während der Hintergrund der Website (der strukturiert und nicht einfarbig ist) erhalten bleibt Farbe) sichtbar durch die halbtransparenten und vollständig transparenten Teile.
Das Einzige, was ich leicht ändern kann, ist CSS und möglicherweise das Hinzufügen eines - oder -Wrappers zum -Element; JavaScript ist aus Sicherheitsgründen blockiert (ebenso wie die CSS-Funktion url()) und das Element selbst ist erforderlich.
Die Antworten auf ähnliche Fragen auf dieser Website, z. B. Gibt es eine Möglichkeit, ein weißes PNG-Bild nur mit CSS einzufärben? und Farbe des PNG-Bilds über CSS ändern?, helfen mir in meiner Situation nicht, weil ich das Bild nur in einem -Tag haben muss und es nicht zur Maske von -, - oder -Elementen machen kann, und auch, weil Benutzer die Textfarbe nach Belieben ändern können, sodass ich keinen CSS-Filter hart codieren kann, und weil ich die transparenten Teile dazu benötige transparent bleiben und nicht mit einer Volltonfarbe gefüllt werden.
Gibt es eine Möglichkeit, das zu erreichen, was ich will? Gibt es eine Möglichkeit, den in ein anderes Element zu packen oder eine Farbe zu über-/unterlegen und dabei die Transparenz beizubehalten? Oder habe ich kein Glück?
Gibt es eine Möglichkeit, ein weißes und transparentes PNG innerhalb eines <img>-Tags nur mit HTML und CSS in die aktuel ⇐ HTML
-
- Similar Topics
- Replies
- Views
- Last post
Mobile version