선(배경선)이 있는 테이블 위에 레이어를 올려야 할 때가 있습니다.
저의 경우는 시간대별 회의실 예약 프로그램을 구현하기 위한 상황 이었습니다.
첫 번째 그림은 레이어위로 자꾸 테이블의 선이 올라오는 문제의 그림입니다.
두 번째 그림은 그 문제가 해결된 그림이고요..
문제의 원인은 레이어가 존재하지 않는 칸에도 'position:relative' 속성을 넣었기 때문이었습니다.
프로그램 구현 시 레이어가 없는 칸에는 출력되지 않게 했으면 되었을 일을.. 이 속성을 잘 몰라서 2년 넘게 이렇게 사용하다가 오늘에서야 해결 했습니다.^^
position;relative 이녀석 남용하면 안되겠네~요
같은 문제로 고민하시는 분들께 도움이 되셨길 바랍니다.
