CSS技术问题：下拉菜单（dropdown）显示于文字后方，如何实现覆盖？

你的下拉菜单被绿色背景的文字挡住，仅用z-index没效果，核心原因是z-index生效的前提是元素的position属性不能是默认的static。试试这几个解决步骤：

1. 给下拉菜单设置非static的定位，同时搭配足够大的z-index值：

.dropdown {
  position: relative; /* 也可以用absolute、fixed、sticky */
  z-index: 999; /* 数值要比绿色文字所在容器的z-index高 */
}

2. 检查绿色文字的父容器，如果它也设置了z-index，需要把下拉菜单的z-index调得更高
3. 确认下拉菜单的父元素没有设置overflow: hidden，这个属性会裁剪掉超出容器的下拉菜单部分，视觉上就像被文字挡住了

如果还是没解决，建议提供下拉菜单和绿色文字区域的HTML结构及CSS代码，能更精准排查问题。

内容的提问来源于stack exchange，提问作者mysteriouscoder