Internet Explorer 8 и JQuery: нажмите () для элемента с прозрачным фоном

Question

В IE8 у меня есть 100% ширина + высота фиксированной позиции div, #photo-upload, с прозрачным фоном, который перекрывает всю страницу. У меня есть функция click () для этого div, но в IE8 щелчок не срабатывает. Установка сплошного цвета фона решает проблему.

Кто-нибудь имеет опыт работы с этой ошибкой или есть обходной путь?

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

Answer 1

Добавьте цветной фон и установите filter: alpha(opacity=0); opacity: 0;

Мне было бы интересно, если кто-нибудь напишет точно, почему это происходит, но это обходной путь, который я нашел для работы.

Вот демоверсия: http://jsfiddle.net/uMyXC/

Answer 2

Думаю, я бы добавил ответ из комментария j-man86 о принятом ответе на случай, если кто-то сначала пропустит его, как я.

Используйте прозрачный, повторяющийся квадратный png размером 1 пиксель (или gif, какпока он полностью прозрачен) как фоновое изображение наложенного div.

Отличное открытие!Спасибо, j-man86!

Answer 3

Просто установите цвет фона с нулевой непрозрачностью:

#photo-upload { background-color: rgba(255,255,255,0); }

Это работает на IE9.

Answer 4

Это короткий и приятный способ решения этой проблемы:

element{
    background:rgba(255,255,255,0.01);
}

и Готово.:)

Answer 5

Я только что протестировал это на IE10, но, кажется, есть более простое решение с альфа, но без фильтров.Кажется, что просто установка цвета с явным альфа-компонентом, равным нулю:

backgroundColor: rgba(0,0,0,0);