使用Javascript / jQuery删除图像背景

时间:2011-10-02 15:43:41

标签: javascript jquery css image

我遇到了这个网站http://skincity.se/sv/product/1198/md-formulations-vit-a-plus-hand-body-creme,想要复制他们从产品图片中删除背景颜色的方式。他们是如何做到的呢?看起来他们正在前端做这件事,因为所有的图像都是白色背景......

2 个答案:

答案 0 :(得分:2)

我认为你是对的,直到我尝试禁用它并刷新页面 - 如果你尝试了,你会发现效果仍然存在。

这实际上是一些CSS技巧。灰色背景实际上高于图像 - 它具有黑色背景,不透明度为0.08。它似乎是一个灰色的背景,实际上它是一个半透明的前景。

希望有所帮助!

答案 1 :(得分:2)

他们在图像上方放置一个半透明的覆盖层。看他们的CSS:

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