Clever Geek Handbook

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 .

+3


source to share


2 answers


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.



+2


source


Add position: relative

to the input tag and to the post button. Take a look at the JSFiddle .



+2


source






More articles:


All Articles