Reply To: Weird Chrome z-index issue. Please take a look.

[Tomasz Lisiecki]

Hi :)

Just noticed that transitions don’t work in Chrome, hence the below:

transition property requires prefixes so add:

#top,
#paper {
    -webkit-transition: all 0.5s 0.5s;
    -moz-transition: all 0.5s 0.5s;
    -o-transition: all 0.5s 0.5s;
    transition: all 0.5s 0.5s;
}

Non-prefixed property should always be last as it isn’t browser dependent, so its a fallback. Let me know if the animation works in other browsers after applying that ;)

In regards to fields being unclickable. By default all elements have z-index of 1. If you gave a #paper z-index of 10 it has been automatically pushed over the fields so they are behind it. Hence you can’t click them :)