Удалите фоновое изображение с помощью Javascript / jQuery

Question

Я наткнулся на этот сайт http://skincity.se/sv/product/1198/md-formulations-vit-a-plus-hand-body-creme и хотел скопировать способ, которым они удалили цвет фона из изображений продукта.Как они это делают?Похоже, они делают это на внешнем интерфейсе, поскольку все изображения имеют белый цвет фона ...

Answer 1

Они накладывают полупрозрачное наложение поверх изображения.Смотрите их CSS:

#primary-image-node-overlay {
    background-color: black;
    opacity: 0.08;
    filter: alpha(opacity = 8) !important;
}

Answer 2

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

На самом деле это какая-то хитрость CSS.Серый фон на самом деле выше изображения - у него черный фон с непрозрачностью 0,08.Он выглядит серым фоном, хотя на самом деле это полупрозрачный передний план.

Надеюсь, это поможет!