javascript - 使用 jQuery Lights Out 效果保持 png 透明度

Question

在我的页面上，我从这里的来源实现了基本的熄灯效果: http://www.emanueleferonato.com/stuff/lightsoff/

我希望 PNG 图像成为“打开灯”的按钮，但是该图像在其所在的 div 中有一个持久的白色框。是否有可能仅 PNG 图像位于黑色层之上熄灯效果？

我的测试是在这个网址: http://www.voyagedesign.net/illuminatetests/logolightsout.html

感谢您的回复。

Answer 1

问题源于这个 CSS:

* {
   margin: 0;
   font-family: sans-serif;
   background-color: #F6F6F4;
}

要么删除该背景颜色属性，要么覆盖它:

#logo > img {
    background-color: initial;
}

或:

#logo > img {
    background-color: transparent;
    background-color: rgba(0,0,0,0);
}

应该可以解决问题。