1

100 個の画像 (10x10) のテーブルと、その上に同じ DIV のテーブルがあります。IE8（親愛なる主）でも、それらは互いの上に正しく配置されています。さて、スクリプトは非常に面倒なので、主なアイデアを説明します。

すべてのテーブルにはabsolute配置があります。DIVのz-indexは Google で、画像の は 0 です。そのテーブルのアイデアは、基本的に線を引くことです。つまり、特定の DIV から目的の DIV に線をドラッグし始めると、スクリプトが実行されて線が計算され、画像ジェネレーターに情報が送信され、画像のテーブルに配置される画像が返されます。この素晴らしいアイデアは、IE8 を除くすべてのブラウザで完全に機能します。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 に答える