javascript - 根据网站背景颜色更改背景颜色

Question

我正在尝试实现与以下示例类似的效果，其中网站的 Logo 和菜单图标会根据每个元素背后的背景改变颜色。

http://www.borngroup.com/work/dkny/

看起来更改是通过 javascript 对每个元素的背景颜色进行的，但我不知道这是如何实现的。

如有任何帮助，我们将不胜感激!

Answer 1

我不知道这是否是 borngroup 正在做的，但您可以仅使用带有背景图像和背景附件的 css 来实现这种效果:已修复。

Here's a quick demonstration .

body {
    height: 1000px;
}   

#one {
    background-color:black;
    background-image: url('http://d.pr/i/18pT3+');
    background-attachment: fixed;
    background-repeat: no-repeat;
    height:100px;
}

#two {
    background-color:yellow;
    background-image: url('http://d.pr/i/1capU+');
    background-attachment: fixed;
    background-repeat: no-repeat;   
    height:100px;
}