奇怪的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);
});

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