The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Triangle shape in the menu Re: Triangle shape in the menu


This issue relates to how draw context is handled in browsers when opacity is applied. Due to this the element is drawn as if it had z-index even when it is set to 0 and this also effects the pseudo element that has a negative z-index (so it shouldn’t appear when the parent element’s z-index is 0).

Long story short: give `z-index: 1;` to `div#show` and problem fixed.

Also: [had a bit of fun with this]( I used a different method to create the triangle (border-width).