前端排坑记录：解决下拉菜单被图片或DIV遮挡问题

下拉菜单被下面的各种奇奇怪怪的元素遮挡，被图片遮挡、被P标签遮挡。。。一开始遇到这个问题的时候，我也想到了肯定是z-index的缘故，然后就去给下拉菜单了一个position:relative; z-index:999;

本以为可以解决问题，结果一经测试，还是老样子，如图：

然后就是各种尝试，给遮挡它的元素也设置z-index:9;给下拉菜单的子元素设置z-index:999。。。还是没一点反应

求助度娘搜到的也全都是我已经试过的方法。

最后抱着试试的心态，给遮挡下拉菜单的元素设置了个z-index:-1;问题神奇解决