codestates / codestates/BanThing

[Error Handling] Scroll Indicator z-index 미적용 현상

Open
#91 0 comments 0 reactions 1 assignee Claimed by @slight-snow View on GitHub
client error solved
Dominant language
TypeScript
Stars
0
Forks
2
PR merge metrics
No merged PRs in 30d

Description

### 어떤 에러인가요?
- Header 의 z-index 는 정상적으로 잘 작동하여, Home Page 의 어떤 Component 보다도 앞에 있으나
Scroll Indicator 는 z-index 가 현재 적용되지 않아 Component 보다 뒤에 위치하고 있습니다.

### 에러 핸들링 방법
- Scroll Indicator 는 progress_container 라는 div 태그 내에 progress_bar 라는 div 태그가 존재하는 것으로 구성되어 있습니다.
```javascript




```
- Scroll Indicator 의 Bar 자체는 progress_bar 에만 해당된다고 생각하여 해당 CSS 에만 z-index 를 넣어줬으나 작동하지 않았으나,
이후 해당 태그를 담고 있는 progress_container 에도 z-index 를 적용하니 정상적으로 잘 작동했습니다.
- 오히려, progress_bar 의 z-index 속성은 없애도 정상적으로 잘 작동했습니다.
부모인 progress_container 가 이미 z 상으로 우위에 있기 때문입니다.

### 에러에 대한 생각
- 어찌보면 당연한 얘긴데, 구현을 할때는 잘 생각이 안나는 것 같습니다.
반복적으로 구현하여 CSS 상의 흐름을 체화하는 것이 중요할 것 같습니다.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.