Как применить специфические стили для изображения с прозрачностью?

Question

[Philipp]

Задача простая, опеределить, что изображение имеет прозрачные пиксели и убрать у него рамку (border).

Решил проиллюстрировать кодом:

img {border: solid 1px red}

img искомый мистический селектор  {border: none}

Comments

[Евгений Вольф]

Что-то я не припоминаю в CSS методов для обработки изображений... думаете, они там есть?

[Philipp]

Евгений Вольф: вот и я не помню, может есть какой-нибудь мифиспецифический селектор для работы с метаданным.

[Moskus]

Philipp: Нет, это фантастика.

[ProjectSoft]

Philipp: да, действительно фигово, когда не знаешь, да и ещё забудешь)))))))))))
У img не могут быть даже :after и :before, а вы о каком-то ещё мистическом селекторе мечтаете))

[Сергей delphinpro]

img[src$="png"] { border: none; }

[Philipp]

Сергей: не все PNG или GIF файлы имеют прозрачность.

[Philipp]

ProjectSoft: в том то и дело, что после раскуривания спеков ничего не нашлось. Думал, вдруг что-то недокументированное есть.

[Сергей delphinpro]

Philipp: ну я в общем-то в курсе =)
Ваша задача нерешаема. Я предложил "половинчатое" решение.

[Сергей delphinpro]

* нерешаема средствами css

Answer 1

[Максим Тимофеев]

css понятия не имеет есть ли у картинки прозрачность. Можно конечно зацепиться за расширение файла, но и png и gif не гарантирует прозрачность. а говорят о ее возможности. Разве только про jpg можно утверждать что ее там нет.
Мне кажется Вы решаете задачу не тем методом. Подобное надо в js делать.

Comments

[Philipp]

Да, решил это проблему на backend.