Есть ли способ перекрасить бело-прозрачный PNG внутри тега <img> в текущий цвет текста только с помощью HTML и CSS? [дубHtml

Программисты Html
Ответить
Anonymous
 Есть ли способ перекрасить бело-прозрачный PNG внутри тега <img> в текущий цвет текста только с помощью HTML и CSS? [дуб

Сообщение Anonymous »

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

Подробнее здесь: https://stackoverflow.com/questions/798 ... tag-to-the
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»