电子邮件：悬停链接不工作

-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

电子邮件：悬停链接不工作

回答

相关问题