Scss:在不同div上悬停的不同背景

时间:2017-06-14 06:57:29

标签: css sass

我有div个不同的背景图像。 当我hover时,我应该获得相应图像背景的background color。 即如果图像中有黑色背景,那么我应该将overlay_div背景设为黑色,如果有蓝色则我应该获得蓝色背景overlay_div。

我使用scss来维护变量,但我不知道如何实现?

这是JSFiddle

任何帮助都会很棒。

1 个答案:

答案 0 :(得分:1)

如果我理解正确,那么你想获得图像的主色并将其设置为overlay_div,那么,在这种情况下,我推荐这个插件......

Colorify.js

但是,如果你只是将纯色图像作为背景图像,那么你只需从$black_bg_color;

中删除overlay_div