我遇到了这个网站http://skincity.se/sv/product/1198/md-formulations-vit-a-plus-hand-body-creme,想要复制他们从产品图片中删除背景颜色的方式。他们是如何做到的呢?看起来他们正在前端做这件事,因为所有的图像都是白色背景......
答案 0 :(得分:2)
我认为你是对的,直到我尝试禁用它并刷新页面 - 如果你尝试了,你会发现效果仍然存在。
这实际上是一些CSS技巧。灰色背景实际上高于图像 - 它具有黑色背景,不透明度为0.08。它似乎是一个灰色的背景,实际上它是一个半透明的前景。
希望有所帮助!
答案 1 :(得分:2)
他们在图像上方放置一个半透明的覆盖层。看他们的CSS:
#primary-image-node-overlay {
background-color: black;
opacity: 0.08;
filter: alpha(opacity = 8) !important;
}