z-index无效（overflow）

这个问题是在公司发现的，所以没办法截图

问题描述：我想要实现的效果是在模态框（modal）中，当鼠标在焦点在input输入框时在右侧显示一个提示信息。本来没啥的，但问题是当提示框（position为absolute）超出模态框是，超出部分就被则模态框遮挡住了。。

问题分析：起初，以为是提示框的z-index不够大，但调大之后仍旧无效。后来，终于在网上找到了类似的问题。于是，参考如下：

1、https://stackoverflow.com/questions/20475727/how-to-implement-z-index-and-overflow

2、http://www.satya-weblog.com/2012/01/css-z-index-not-working.html

第1个参考地址描述的问题和我的问题类似，有图，可以参考下。

想要的效果如下（提示框未遮挡）：

然而：

注：两个图都来自参考1

问题原因：看了上面两个参考之后，我大致知道问题在了，因为提示框的position是absolute，同时它相对的“父”元素中设置了overflow。于是，带着这样的猜测去看源码，果然，在提示框相对的那个“父”元素中设置了overflow-y: auto；

问题解决：暂时只想到两种。要么去掉overflow-y，要么缩小提示框的宽度。

总之，记住几个关键词：在设置了overflow的子元素下设置z-index可能导致z-index无效。