オーバーラップする透明イメージにロールオーバー効果を追加したいとします。例えばjavascript - オーバーラップする透明イメージのロールオーバー効果
:
次の画像が5つの部分に分割し、IはO DIVまたはIMGと試み、それらの各
にロールオーバー効果(異なる画像)を追加したいされていますタグを使用すると、画像は四角形としてレンダリングされ、ロールオーバー効果は適切ではありません。黄色の部分が緑色の部分でロールオーバーすると、黄色の画像が強調表示されます。これは、そのZ-インデックスが高いためです。
後
は、私が試したコードです:<body>
<br />
<img src="part1.png" onclick="console.log('test1');"/>
<img src="part2.png" onclick="console.log('test2');" style="position:absolute; left:30px; top: 19px;"/>
<img src="part3.png" onclick="console.log('test3');" style="position:absolute; left:70px; top: 15px;"/>
<img src="part4.png" onclick="console.log('test4');" style="position:absolute; left:95px; top: 16px;"/>
<img src="part5.png" onclick="console.log('test5');" style="position:absolute; left:123px; top: 24px;"/>
</body>
画像=>、、、、
私は可能であれば、jQueryのを使用する必要はありません。
jqueryはこの問題を本当に助けません。Raphael.jsのような描画ライブラリが必要です。 – Joe
お返事ありがとうございます。これは絵ではありません。私の問題を説明するだけの例です。 5部はすべて画像です。よろしくご連絡ください – user427969
コードの例を投稿できません?それは本当にブレインストーミングに役立ちます – Joe