2012-07-24 74 views
1

我有產生旋轉滑塊上的代碼,顯示的圖像可點擊,這裏是從它的代碼片段,超鏈接無法正常工作,由於zIndex的

<a href="http://interface.eyecon.ro/demos/images/imagebox/bw1.jpg" 
    title="Moon eclipse" 
    rel="imagebox" 
    style="top: 20.759592462354455px; left: 222.80008662503428px; width: 52px; height: 26px; z-index: 3; "> 
    <img src="./Website_files/th_bw1.jpg" width="100%"> 
</a> 

滑塊上顯示的鏈接不工作。正如你所看到的,鏈接使用zIndex,我相信這會導致鏈接無法工作,但我無法決定應該做什麼來解決這個問題。請幫忙。謝謝

+0

單獨的代碼應該可以正常工作。鏈接頂部是否有可攔截點擊的元素?或者任何能夠捕獲點擊事件的腳本? – j08691 2012-07-24 15:06:35

+0

這是什麼?頂部:「20.759592462354455px; left:222.80008662503428px;」 :O – 2012-07-24 15:06:59

+0

這可能是由瀏覽器翻譯過來的em單元中的東西。 – 2012-07-24 15:07:39

回答

2

檢查DOM element是絕對的parent,我有同樣的問題。

這裏是一個Example

編輯: 您應該添加一個類巫婆告訴元素,它是絕對的父母和所有其他元素應該是絕對有z-index < 3然後鏈接應該點擊能。

EDIT [2]: 可不可以給那裏的代碼使用,所以我可以改變它,所以它的工作原理一些的jsfiddle例子!

EDIT [3]:基本上就算它把一個對象到的東西,你應該能夠分配一個element <a>position: absolute父,然後z-index屬性將正常工作。

+0

該項目分爲多個文件,因此很難將其提取出來。如果你可以從[這裏](https://docs.google.com/open?id=0B7z7rCJy9WnKLTFqbjNIb1JWR0E)下載它並且看一下,我會很感激。謝謝 – 2012-07-24 16:05:38