1

我有一个包含 100 个图像 (10x10) 的表格和上面的同一张 DIV 表格。即使在 IE8（亲爱的主）中，它们也正确地相互重叠。现在，脚本非常混乱，所以我将描述主要思想：

所有的桌子都有absolute定位。z-indexDIV 是 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>
4

2 回答 2

4

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

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

于 2012-05-20T01:35:20.380 回答
0

在图像的 CSS 中试试这个：

-ms-user-select: none;

Internet Explorer 应该被取缔。

于 2012-05-20T01:41:14.827 回答