Расположение DIV над изображением в IE8

У меня есть таблица из 100 изображений (10х10) и та же таблица DIV над ней. Они правильно расположены друг над другом, даже в IE8 (дорогой Господь). Теперь сценарий очень грязный, поэтому я опишу основную идею:

Все столы имеют absolute позиционирование. z-index из DIVs - Google, а изображений - 0. Идея этой таблицы - рисование линий. Под этим я подразумеваю: я начинаю перетаскивать линию из определенного DIV в целевой DIV, запускается скрипт и вычисляет строку, отправляет информацию в генератор изображений, который возвращает изображения, которые должны быть помещены в таблицы изображений. Эта блестящая идея прекрасно работает во всех браузерах, за исключением IE8, который, как рак, захватывает изображение под нажатием DIV и перетаскивает его повсюду, плохо меня троллизуя.

Как можно это обойти?

PS Я знаю, вы, ребята, попросите некоторый код, но для обработки всего процесса, который описан выше, требуется около 200 строк, поэтому, если вы настаиваете, я могу отправить его через FedEx...

Некоторые необходимые строки

#elecWorkshop , #elecLinePreview , #elecStaticPreview{
    position: absolute;
    margin: 0;
}

#elecStaticPreview , #elecLinePreview{
    z-index: 0;
}

#elecWorkshop{
    z-index: 50;
}

#elecLinePreview .drawImg{
    position: relative;
    z-index: 0;
}

#elecStaticPreview .statImg{
    position: relative;
    z-index: 0;
}

#elecWorkshop div{
    position: relative;
    z-index: 50;
    display: inline-block;
}

И структура DOM

<div id="elecLinePreview"><img id="prev_0_0" class="drawImg" src="blabla" /></div>
<div id="elecStaticPreview"><img id="stat_0_0" class="statImg" src="./renders/blank.png" /></div>
<div id="elecWorkshop"><div id="0_0"></div></div>
Источник

2 ответа

Решение

Установите цвет фона для divs и CSS filter в alpha(opacity=0), Это должно сделать div невидимыми, но реагировать на события мыши, а не пропускать их на изображение внизу.

Конечно, использовать opacity для других браузеров.

Источник

Попробуйте это в CSS для изображений:

-ms-user-select: none;

Internet Explorer должен быть вне закона.

Источник
Другие вопросы по тегам