Css 3 Multilevel z-index transitions
I would like to test that I am doing a scroll color <div>
that moves the color in time input:focus
, but how should I encode it so that the scrollable color is above the gray background and below the input box and action button?
Also, if you noticed, the scrolling part also seems to scroll from a predefined space. I've already set the width to 100%, but somehow some of the fade is over 100%.
Here's a JSFiddle example .
Add overflow: hidden;
in .commentPost
and position:relative
in .commentPostBox
and element <span>
. You only need to set it z-index
to 2: 1000, a little over the top.
Add position: relative
to the input tag and to the post button. Take a look at the JSFiddle .