I’m trying to create a message box with a down pointing arrow. I want to use the :after pseudo element for the arrow to avoid extra HTML, and I want the pseudo element to inherit the box-shadow of its parent.
My attempt: http://goo.gl/LDs7N
I just can’t get that pseudo element to go behind the parent. Can any of you figure out where I’m going wrong?
Thanks!
You used
-1pxfor z-index, z-index is not measured in pixels, just numbers, make it-1and it works as intended