16.05.30

부모컨테이너의 z-index가 자식요소의 z-index보다 작아도, background는 항상 자식요소보다도 뒤에 깔려있다.

transition간의 z-index 변화는 transition이 끝난 뒤에야 반영되므로 즉각적인 z-index 변화를 원한다면 스크립트를 써야 한다.

부모컨테이너의 크기를 넘어선 img 혹은 display: inline-block 의 자식요소들의 경우, hover의 범위가 이해할 수 없는 범위가 되어버린다.

(https://jsfiddle.net/kimtaku/f1mewqxf/3/)

이런 경우, block 요소를 사용하니 해결되었다.

(https://jsfiddle.net/kimtaku/f1mewqxf/4/)