부모의 z-index 레벨을 점검해 본다. .content { position: relative; z-index: 1; } .modal { position: fixed; z-index: 100; } .side-tab { position: fixed; z-index: 5; } [원인] modal의 z-index가 100이라도, 부모인 content의 z-index가 1이면 side-tab은 modal의 위에 배치될수밖에 없다. 이유는 마크업에서 같은 레벨의 부모의 z-index 값이 낮으면 자식의 값도 강제로 값이 낮아지기 때문이다. (z-index를 100해봐야 content 안에서만 100이라는 의미) [해결 방법 2가지] modal을 content 밖으로 뺀다. content의 position을 제거..
See the Pen [CSS3] background-size by mill (@millfeel) on CodePen. 값 background-size: 25px 50px; 기본 값은 auto auto이고, 이미지를 비율에 맞게 늘린다. 값이 하나인 경우: 너비 값에 적용되고, 높이 값은 auto가 된다. 값이 두개인 경우: 첫번째 값은 너비, 두번째 값은 높이가 적용된다. 여러 배경 이미지의 크기를 지정하려면 각각의 값을 쉼표로 구분한다. 키워드 background-size: cover/contain; [cover] 이미지가 잘려도 이미지를 최대한 크게 조정한다. 빈 공간이 남지 않는다. [contain] 이미지가 잘리지 않는 기준에서 가장 크게 이미지를 조정한다. 빈 공간이 남는다. [공부 좌표] b..
- Total
- Today
- Yesterday
- offsetHeight
- 점 표기법
- 부등 연산자
- property
- __proto__
- 일치 연산자
- clinetTop
- scrollTop
- 대괄포 표기법
- 객체의 프로퍼티
- 불일치 연산자
- innerHeight
- 링크막기 #a링크막기
- [[Prototype]]
- scrollHeight
- prototype 프로퍼티
- clientHeight
- javascript class
- 동치 연산자
- offsetTop
- outerHeight
- 동등 연산자
- @font-face
- 프로퍼티
- constructor
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |