У меня есть несколько изображений PNG, где все пиксели чисто белые с непрозрачностью от 0% до 100%, которые добавляются на веб-страницы в тегах , и я хочу перекрасить непрозрачные и полупрозрачные части в текущий цвет текста (который пользователи веб-сайта могут изменить по своему желанию, при этом их выбор сохраняется как переменная CSS корневого уровня, на которую я могу ссылаться), оставив фон веб-сайта (текстурированный, а не сплошной) цвет), видимый через полупрозрачные и полностью прозрачные части.
Единственное, что я могу легко изменить, это CSS и, возможно, добавление оболочки или к элементу ; JavaScript заблокирован по соображениям безопасности (как и функция CSS url()), а сам элемент является обязательным.
Ответы на подобные вопросы на этом сайте, например, есть ли способ раскрасить белое изображение PNG только с помощью CSS? и Изменить цвет изображения PNG с помощью CSS?, не помогает в моей ситуации, потому что я ограничен размещением изображения в теге и не могу сделать его маской элементов или или , а также потому, что пользователи могут менять цвет текста по своему усмотрению, поэтому я не могу жестко запрограммировать набор CSS-фильтров, а также потому, что мне нужны прозрачные части для оставаться прозрачным и не заполняться сплошным цветом.
Есть ли какой-нибудь способ добиться того, чего я хочу? Какой-нибудь способ обернуть в другой элемент или наложить/подложить цвет, сохраняя при этом прозрачность? Или мне не повезло?
Подробнее здесь: https://stackoverflow.com/questions/798 ... tag-to-the
