奇怪的CSS /图像问题

Question

在为我的新服务设计关于页面时，我偶然发现了一个古怪的问题，我无法解决它的原因。

将鼠标悬停在其中一个框上，然后是该框的图标，您应该注意到图像看起来因为一些奇怪的未知原因而变暗，我想知道您是否可爱的人可以帮助我找出它是什么原因造成它

网站： http://beta.idify.me/about/

Answer 1

你的main.js文件中有一些行：

function() {
    $("#content a img").hover(function() {
        $(this).stop().animate({ "opacity": 0.7 }, 200);
    },function() {
        $(this).stop().animate({ "opacity": 1 }, 400);
});

这改变了图像的不透明度，使它们看起来更暗，因为它们位于黑色背景之上。