2011-03-12 54 views
0

讓我們uncomplicate事情我div標籤是不可點擊的時候有一個IMG標籤的下面在IE7 IE8

http://jsfiddle.net/Hh7Mn/

<div style="width:100px; height:200px; border:10px solid; cursor:pointer; position:absolute; z-index:99;">dsdsfdsfsdfdsfdsf</div> 



<img style="z-index:0;" id="default_image" src="http://www.takeprideinutah.org/wp-content/uploads/2009/04/trees.jpg" alt=""/> 

爲什麼div的中心不可選擇和檢測不到即?

編輯:

對不起代碼現在是兩個的jsfiddle相同和疊加

+0

你能提供一個屏幕截圖或當前結果的圖像嗎?評估你的問題會容易得多。 –

+0

...或指向該頁面的鏈接將有所幫助。 –

+0

你的jsfiddle與你問題中包含的代碼完全不同。我們如何準確測試? – Alex

回答

0

變化圖像爲-1的z-index,它會工作:http://jsfiddle.net/kPtkd/1/

+0

謝謝。工作在ie7但不ie8 – Adam

+0

嗯這就奇怪,因爲我在IE8測試,它的工作,現在它只能在IE8兼容模式下工作。這可能是JSFiddle的一個問題,我有時會遇到它和IE的問題。無論哪種方式,它可能是奇怪的 – Alex

+0

。 IE現在讓我哭了。 – Adam

0

我建議給你的鏈路具有更大的z-index值:

a{ 
z-index:12; 
} 
+0

在我的代碼中,它們被設置爲999 – Adam

1

您需要聲明在使用z-index時的位置。

<img style="z-index:0;position:relative;" id="default_image" src="http://www.takeprideinutah.org/wp-content/uploads/2009/04/trees.jpg" alt=""/> 

z索引僅適用於定位元素(位置:絕對的,位置:相對的,或位置是:固定)

+0

,聲明它不起作用。看看呃jsfiddle例子 – Adam

+0

是的,這是行不通的。它也沒有說明爲什麼邊界可以選擇。 – Adam