Question

In IE8 I have a 100% width + height fixed position div, #photo-upload, with a transparent background, which overlays the entire page. I have a click() function for that div, but in IE8 the click does not fire. Setting the background to a solid color solves the problem.

Does anyone have experience with this bug or have a workaround?

        $('#photo-upload').click(function(){
            $('#photo-upload').removeClass('show');
        });

Answer 1

Add a colored background and set filter: alpha(opacity=0); opacity: 0;

I’d be interested if someone posts exactly why this happens but this is the work-around I’ve found to work.

Here is a demo: http://jsfiddle.net/uMyXC/