Javascript Jquery fadein/out of overlay covering输入框：输入字段位于覆盖的顶部，直到动画完成

我有一个很大的覆盖层，在表单提交后会在表单顶部淡入，使整个表单“变灰”，文本框被锁定（至少表面上是这样）。但是，输入字段似乎位于覆盖的顶部，直到动画结束，然后立即在覆盖下弹出。因此，与文本框逐渐变灰（就像它们周围的区域一样）不同的是，它们的对比度在动画结束时会立即发生变化（覆盖层在10秒内褪色测试）

这是已知的bug吗？z级别设置正确，所以我不确定是什么导致了问题

编辑：我不认为我真的可以给出一个不粘贴全部代码的示例，但一个非常奇怪的观察结果是，如果我对所有输入框禁用jq_水印插件，其中一个是固定的，行为正常，但其余的仍然存在bug。我已经把所有的css样式都去掉了，除了一个之外，其他的都是这样被窃听的。非常奇怪。

听起来有点像一个问题。在元素上设置

位置

或

不透明度<1

，将其置于新的堆叠上下文中。这意味着在淡入淡出时，它可能具有不同的堆叠上下文，因为

不透明度小于1，或者因为jquery在运行动画时更改
位置，然后在完成后将其更改回原处。虽然很难说清楚，但我自己却没有看到

尝试的事项：


更改源代码中覆盖与表单元素的顺序
用
position:relative
将覆盖层包裹在
div
中
淡入
0.9
而不是完全淡入，以查看这是由
不透明度<1
引起的堆叠上下文问题，还是由jquery设置
位置引起的

确保使用
z-index
的所有元素都使用
position
定位<代码>z索引
仅适用于设置了位置的元素
听起来像是一个浏览器错误。什么浏览器会出现这种情况？Chrome和Firefox都会出现这种情况（尽管我还没有在其他浏览器中测试过）