我正在尝试创建一个悬浮效果,其中图像以全彩色开始,当我将鼠标悬停在图像上时,我希望它具有蓝色叠加.
事实上,只需要一个简单的蓝色覆盖层,就可以在彩色图像的顶部放置一个半透明的蓝色块……这意味着其他颜色会显示一点点.我想要的是图像只是蓝色阴影.
现在,我已经设法让图像变为灰度,我已经设法获得蓝色叠加,但有没有办法让CSS来叠加效果？转动图像灰度,然后将颜色乘以它.
解决方法
我想你正在寻找CSS过滤属性.请参阅David Walshe的演示：
http://davidwalsh.name/demo/css-filters.php
它目前是实验性的,我认为只有Webkit支持,但它是用CSS实现这一目标的唯一方法.
您还可以查看Adobe CSS自定义过滤器：http://html.adobe.com/webplatform/graphics/customfilters/cssfilterlab/
我认为你想做的事情的演示：http://jsbin.com/igahay/3011/(来自这个主题：CSS image overlay with color and transparency)
