HTML/JS複数のレイヤード画像のポップアップ

Question

私は小さなプロジェクトのために、複数の画像から構成され、それぞれが異なる透明部分を持ち、それらのすべてが一緒にマップを形成しているマップを持っています。すべての画像は同じサイズで0,0から始まります（整列が容易になります）。

今では異なる部分についてポップアップを持っていいだろうが、明らかに唯一の一番上の画像の取得のすべてのマウスホバー...

<p style="position:relative"> 

    <img id="de_background" src="background.gif" style="position:absolute;left:0px;right:0px"/> 
    <img id="de_10" src="1.gif" style="position:absolute;left:0px;right:0px" title="Title 1"/> 
    <img id="de_12" src="2.gif" style="position:absolute;left:0px;right:0px" title="Title 2"/> 

ので、ホバーを許可する巧妙なトリックがあります/ popusも透明ではない画像の部分について？どういうわけかJavaScriptを使って質問できますか？「この時点では、ここの画像のどれが透明ではありませんか？」

Answer 1

あなたはCSSプロパティで透明を設定していますか、またはgif画像はまだ透明ですか？ところで、あなたは要素を書きません

Answer 2

最初の要素とは別に、非表示にするすべての要素の表示CSSプロパティを使用してください。 JSを介してCSSプロパティを適用して、隠し属性と目に見える属性を切り替えることもできます。

.hiddenImg { 
    display: none; 
} 

さらに詳しい情報：http://www.w3schools.com/css/css_display_visibility.asp