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

Question

我正在努力实现与下面示例相似的效果，其中网站的徽标和菜单图标会根据每个元素背后的背景改变颜色。

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;
}