Блог

Я поместил div .ontopdivs поверх другого div .notradewin с помощью jQuery, чтобы он выглядел так, как будто он отключен, он отлично работает со всеми браузерами, кроме IE7.

В IE7 все в нижнем div по-прежнему работает: наведите курсор на изображение, выберите открыть по щелчку мыши, текст, который я могу пометить.

(Это не форма, и использовать disabled="disabled" ее не является ответом. попробовал)

Select — это плагин, который я написал, поэтому, я думаю, я могу исправить это в плагине, но все ссылки все еще работают.

Код jQuery:

 $("div.notradewin").each(function() {
    var thisoffset = $(this).offset();
    var thiswidth = $(this).width()   4;
    var thisheight = $(this).height()   4;
    $("#bodywrap").append('<div class="ontopdivs" style="background-color: transparent; width: '   thiswidth   'px; height:'   thisheight   'px;position: absolute;top:'   thisoffset.top   'px;left: '   thisoffset.left   'px;z-index: 12 !important;overflow: hidden;"></div>')
})
 

Как мне заставить это работать?

В IE существует известная проблема с событиями мыши на прозрачном фоне. Смотрите Этот пост, объясняющий проблему.

Попробуйте добавить background-image: url(.) , если у вас должен быть прозрачный фон.

Попробуйте использовать блочный пользовательский интерфейс, он может блокировать определенные элементы. http://jquery.malsup.com/block/#element

В IE7 полностью прозрачные элементы не получают события щелчка (или наведения курсора, по-видимому). Попробуйте поместить следующее в таблицу стилей для IE7 и старше (ссылка здесь):

 filter: alpha(opacity=1);
 

Это установит непрозрачность на 1%, которая будет казаться прозрачной, но все равно должна позволять перехватывать события щелчка.