Css 文本不显示在p标记中

我的目标是将鼠标悬停在

next\u wrapper

上，然后出现

nav\u text\u title\u next

。 现在图像和p标签

nav_text_title_next

都出现了，但不幸的是，我在p标签

nav_text_title_next

中看不到任何文本。我对其他部分使用了相同的代码，它工作得很好，但在这一部分不起作用。你能帮我找出哪里出了问题吗

HTML:

---

您的显示是无删除，您将看到您的文本 同时在你的图片上删除它

然后做类似的事情

在html中

<p>bla</p>

---

你把它藏起来了，这就是为什么

.navigation_text_next {
        background: #000;
        color: #FFF;
        font-family: AvenirLTStd-Medium;
        font-weight: normal;
        font-style: normal;
        font-size: 11px;
        position: absolute;
        width: 100px; 
        height: 55px;
        top: 30px;
        left: 67px;
        padding-top: 10px;
        padding-bottom: 10px; 
        padding-left: 45px; 
        padding-right: 5px;
        text-align: left;
        display: none; <-- remove this
    }

。导航\u文本\u下一步{
背景：#000；
颜色：#FFF；
字体系列：AvenirLTStd介质；
字体大小：正常；
字体风格：普通；
字体大小：11px；
位置：绝对位置；
宽度：100px；
高度：55px；
顶部：30px；
左：67px；
填充顶部：10px；
垫底：10px；
左侧填充：45px；
右侧填充：5px；
文本对齐：左对齐；
显示：无；我刚刚在jsbin上测试了它，看起来工作正常，因为我可以看到p文本，尽管绝对位置导致有线显示…所以我认为您可以设置“导航文本”标题“下一个”标题“下一个”hover@Shina谢谢你的建议！我才意识到发生这种情况是因为我在包装d的div中搞乱了一些东西我在这里，所以问题解决了。
<p>bla</p>

p {
 opacity:0;
}

p:hover {
  opacity:1;
}

.navigation_text_next {
        background: #000;
        color: #FFF;
        font-family: AvenirLTStd-Medium;
        font-weight: normal;
        font-style: normal;
        font-size: 11px;
        position: absolute;
        width: 100px; 
        height: 55px;
        top: 30px;
        left: 67px;
        padding-top: 10px;
        padding-bottom: 10px; 
        padding-left: 45px; 
        padding-right: 5px;
        text-align: left;
        display: none; <-- remove this
    }