Question

I have a div which when clicks fades in an overlay image.

It works fine except that the first time it is called in Firefox the image is preselected with a blue opaque layer over it. Can anyone help me get rid of this, please?

$('.graphic-3').bind('click', function() {
        if ($('#popup-3').html() == "0") {
            $('.graphic-3-hidden').fadeTo(1000, 1);
            $('#popup-3').html("1");
        } else {
            $('.graphic-3-hidden').fadeTo(1000, 0);
            $('#popup-3').html("0");
        }
    });

Answer 1

This was inadvertently resolved when I added an animation layer in the nest