Css 3 Transitions multi-level z-index

Question

想检查一下，我正在制作一个滚动颜色 <div>，它会在 input:focus 期间滑动颜色，但我应该如何编码才能使滚动颜色在灰色背景上方和输入下方字段和操作按钮？

此外，如果您注意到，滚动部分似乎也滚出了预定义的 space。我已经将宽度设置为最大 100%，但不知何故淡出部分超过了 100% 宽度。

这是 JSFiddle 示例。

Answer 1

将 position: relative 添加到输入标签和 post 按钮。看看这个JSFiddle.

Answer 2

将 overflow: hidden; 添加到 .commentPost，并将 position:relative 添加到 .commentPostBox 和 <span> 元素。你只需要将z-index设置为2：1000有点过分了。