2016-11-28 39 views
-5

的問題可以在這個網站上可以看到我發展https://manu354.github.io/portfolio/鏈接在絕對容器不工作以積極的z-index

標題中的鏈接不能點擊。經過快速搜索後,我意識到這是因爲我的div是絕對定位的。我將它定位絕對,所以它沒有佔用我的頁面佈局中的任何空間。爲了解決這個問題,多個答案說要添加一個z-index : 10;到我的分區。這讓我點擊鏈接(指針/懸停功能工作),並完全解決了我的外部鏈接到Facebook或Twitter的問題。然而,我的內部功能鏈接例如href="#welcome"是可點擊的,但是他們沒有移動到他們所要的區域(如果div相對定位,則工作)。

例如(實際的代碼會更長,使用革命滑塊)

<div style="position:absolute; z-index:1;"> 

<a href="#welcome" target="_self" style="z-index: 10;> 

</div> 

任何人都知道這個修復?

感謝

+0

我在這個問題上得到了很多的讚揚和憎恨,我甚至只是通過我的網頁有一個用戶的電子郵件說:\t 「您可以通過不在Stackoverflow上發佈愚蠢的問題來幫助我們!我真的不明白這個問題出了什麼問題,並認爲它是完全合法的。任何人都可以指出我做錯了什麼? – Manu

回答

-1

那麼它不工作,因爲你的鏈接到一個ID爲「歡迎」但是div id爲「welcome_forcefullwidth」。

Welcome ID

如果刪除「_forcefullwidth」或增加您的HREF「_forcefullwidth」,將工作

且不說ID的其餘均無處可尋

我見在你的網站上有很多內聯風格和網站太複雜,因爲它應該。代碼不是那麼幹淨。

+0

但我一旦刪除'立場:絕對' – Manu

+0

並且現在看我的HTML代碼,我想要去的div,IS稱爲Id =「welcome」 – Manu

+0

您能上傳圖片,以便我們知道此ID位於? –

相關問題