Question

我有一张100张图像（10x10）的表格，上面有相同的DIV表格。即使在IE8（亲爱的主）中，它们也能正确定位在彼此之上。现在，脚本非常混乱，所以我将描述主要的想法：

所有表格都有absolute个定位。 DIV的z-index是谷歌，图像是0.该表的想法基本上是绘制线条。我的意思是：我开始从某个DIV拖动一条线到目的地DIV，脚本运行并计算线，将信息发送到图像生成器，图像生成器返回要放在图像表中的图像。这个绝妙的想法在所有浏览器中都能很好地运行，除了IE8，GRABS就像癌症一样，点击DIV下面的图像并将它拖到地上，让我感到很糟糕。

怎么能超过那个？

P.S。我知道，你们，伙计们，会要求一些代码，但是大约有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>

Answer 1

将背景颜色设置为div，将CSS filter设置为alpha(opacity=0)。这应该使div不可见但对鼠标事件做出反应，而不是让它传递给下面的图像。

当然，请将opacity用于其他浏览器。

Answer 2

在图片的CSS中尝试这个：

-ms-user-select: none;

Internet Explorer应该被取缔。

在IE8中将DIV定位在图像上方

2 个答案: