無法單擊Chrome/Firefox/Safari中較低z-index元素中的鏈接

此代碼在Internet Explorer中正常工作，但我在其他瀏覽器中遇到問題。基本上有一個固定左邊欄的水平滾動頁面。在IE中，您可以單擊頁面每個面板上的向前和向後按鈕，但在Chrome等中，只有側欄中的鏈接可以工作。我相信這是與元素的z索引或定位出了問題，CSS有無法單擊Chrome/Firefox/Safari中較低z-index元素中的鏈接

#bg{ 
    display:inline; 
    position:absolute; 
    left:0px; 
    top:-2px; 
    z-index:1; 
} 

#sidestripe { 
    display:inline; 
    position:fixed; 
    left:0px; 
    top:-2px; 
    width:100%; 
    min-height: 100%; 
    z-index:1000; 
}

我已經試過的z-index的多種組合，但我似乎無法使一個elemnt點擊而不會讓其他人無法點擊。

任何幫助將不勝感激！

http://www.travelhome.com.au/index.htm是有問題的網站

來源

2012-07-16 user1528095

在此處發佈你的HTML。 – 2012-07-16 07:05:44

最高級別的元素是隻覆蓋頁面的一部分的邊條，所以我想這將是真的......你有任何想法如何解決它？ – user1528095 2012-07-16 07:09:39

爲什麼你需要'＃sidestripe'是'width：100％'，當它可以是'width：380px'時，它不會覆蓋內容的任何部分 – poncha 2012-07-16 07:17:14

您#sidestripe寬度改爲380px而不是100%：

#sidestripe { 
display:inline; 
position:fixed; 
left:0px; 
top:-2px; 
width:380px; 
min-height: 100%; 
z-index:1000; 
}

這樣就不會覆蓋其他內容網頁上

來源

2012-07-16 07:04:17 poncha

這是否意味着我不能點擊更高級別項目中的鏈接？ – user1528095 2012-07-16 07:06:45

是的，它肯定意味着。基本上，任何鼠標事件都不適用於更高級的元素（不僅是點擊） – poncha 2012-07-16 07:08:25

@ user1528095，請參閱更新的答案 – poncha 2012-07-16 07:22:45

我不知道究竟是什麼問題，但前段時間我也有類似的問題。

爲了解決這個問題，我瀏覽了谷歌瀏覽器的開發者工具，一個預定義的Z索引被一個隱藏類應用，所以我的內容被覆蓋了。

試着找到所有應用的類，可能你會發現類似的東西。

這通常發生在使用API時。

來源

2012-07-16 07:05:01 Nuxy

無法單擊Chrome/Firefox/Safari中較低z-index元素中的鏈接

回答

相關問題