HTML内容不可见

我试图在我的网站上做一个下拉按钮，但出于某种原因，它只是想保持不可见。当我从浏览器中查看页面并将鼠标悬停在提到的内容上时，边界和位置会按照预期的方式进行标记，但不知何故什么也不会呈现 以下是HTML：

<span class="dropdown">
    <a class="basic" href="documents.php">Documents</a>
    <span class="dropdown-content">
        <a href="documents.php">BUTTON</a>
        <a href="documents.php">BUTTON</a>
        <a href="documents.php">BUTTON</a>
    </span>
</span>

以下是继承的样式：

text-align: center;
color: white;
font-family: Helvetica;

---

您的代码正在运行，请参见下文

可能您无法“看到”该元素，因为它继承了

颜色：白色

。。？您定义的背景色不是白色吗

。下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：rgb（70,90120）；
宽度：100%；
}
.下拉内容a{
显示：块；
字体大小：200%；
}
.dropdown:hover.dropdown内容{display:block；}

---

我发现了问题。。。我在标题标签中有这个菜单，在标题css中我设置了

overflow: hidden;

---

出于某种原因。。。我应该检查一下。谢谢大家的帮助

因为展示，它是不可侵犯的：没有；打开.dropdown content您的链接位于

类的

下拉内容中，根据您的CSS，该类的
display
属性为
none
，这取决于页面的其余部分是如何设置的，它可能会在其他元素后面呈现。在这种情况下，您可能需要设置z索引。当链接悬停时，显示将变为阻止。出于测试目的，我还将其默认设置为block。事实并非如此。编辑：也使用了z索引，但仍然没有显示任何内容。不是这样。为了测试的目的，我也改变了颜色，但是没有任何效果。你一定是有其他的js或css造成的-你可以看到你的代码在上面工作，对吗？是我们能看到的地方，还是你能把整个代码放在我们能看到的地方？
overflow: hidden;