#PROTIP#
If you're using CSS transitions to fade in / fade out a child element on hover but don't want the element to be "active" to mouse events when it's hidden, don't mess around with display: none (doesn't work with transitions) or visibility: hidden (unneeded complexity), but instead set pointer-events: none on the child element and set pointer-events: auto to it on the hover.