html - 更改链接颜色使下拉列表被剪切

Question

我做了一个下拉菜单，我想更改链接的颜色，但是如果我添加:

a {
    color: white;
}

即使我将属性添加到每个 div 元素，它也会使下拉列表不可见

overflow: visible;

为什么会这样？

https://jsfiddle.net/mvetktg0/

Answer 1

您的白色链接将落在深灰色背景之外的白色上，这就是您看不到它们的原因。考虑这些编辑:

.link-container a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 40px 0 40px 0;
    color: #fff;
}

.dropdown-link {
    background: steelblue;
}