電子郵件：懸停鏈接不工作

-1

我有一個div，包括在網站左上角的聯繫信息。我希望背景的頂部隱藏在藍色標題後面，但我希望電子郵件鏈接在我懸停時加下劃線。通過使用z-index，我可以將電子郵件鏈接加下劃線，但背景的頂部不會落在標題後面。我也可以將背景放在標題後面，但當我懸停時，電子郵件鏈接不會強調。我無法同時工作。我的網站鏈接是http://www.michaelgray.com/hometest.html。有人可以幫我解決這個問題嗎？謝謝。電子郵件：懸停鏈接不工作

我的聯繫信息代碼是;

.contactinformation { 
    display: block; 
    position: absolute; 
    background-color: lightblue; 
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px; 
    border: 1px solid gray; 
    z-index: -100; 
    font-weight: normal; 
    font-size: 135%; 
    color: darkblue; 
    padding: 10px; 
    margin-left: 75px; 
    box-shadow: 0px 0px 10px 0px black; 
}

我的標題代碼是;

.header { 
    background-color: #00aeef; 
    z-index: 2; 
    box-shadow: 0px 0px 10px 0px black; 

}

來源

2017-04-18 Mike

尋求調試幫助的問題（「爲什麼這個代碼不工作？」）必須包含所需的行爲，特定的問題或錯誤以及在問題本身中重現問題所需的最短代碼。沒有明確問題陳述的問題對其他讀者無益。請參閱：[如何創建最小，完整和可驗證示例]（http://stackoverflow.com/help/mcve）。 – LGSon

現在你有你的.contactinformationz-index設置爲-100導致是下跌的主要內容後面。你需要做的是將其設置爲比正文內容更高但低於標題的內容。

對於.header添加position:relative;（這是必要的z-index有效果）和.contactinformation變化z-index到1。您也可以完全從.contactinformation中刪除z-index。

來源

2017-04-18 17:23:58 APAD1

對於主代碼的外部鏈接問題不應該作爲鏈接死的時候回答，你的答案和問題對於將來的用戶都是完全沒用的 – LGSon

@LGSon問題包含代碼。 – APAD1

不，您引用_main content_不可用，並且OP會談到一個不可用的_email hover_。 – LGSon

電子郵件：懸停鏈接不工作

回答

相關問題