After redefining angles in gradients, another small but important revision was made to the linear gradient syntax last week. It’s outlined in full detail on Peter Gasston’s blog, but the gist is this: If you need a direction keyword, you’ll have to specify the destination keyword and prepend…
Help with CSS3 transforms messing up the z-index
So, turns out applying CSS3 transforms on an element messes up the z-index assigned to elements. I am building this post-it-styled small navigation element for a client and the gray element you see in the image above should be under the post-it.
If you comment out the transforms in the
.topNav rule, you can see that the shadow goes under the post-it, as specified in the CSS. Uncomment the transforms and the z-index declarations are ignored.
Please check out the jsFiddle and let me know if there is a workaround.
P.S. I know the styling isn’t perfect. :)