🌟 Issue: 리액트 이슈 정리 (23-05-11)

[KKYHH]

✅ z -index 설정

FeddModal 게시글 쓰기 박스를 구현후 화면 이동시 모달창이 웹 상단 헤더 메뉴바 위로 스크롤 이동하는 문제점 발견

css 로 z-index 설정을 주어서 피드화면과 같이 뒤쪽으로 자연스럽게 이동하게 수정했다

• Modal.css

.card {
    max-width: 665px;
    margin: 0 auto;
    padding: 10px;
    margin-top: 30px;
    z-index:0; // 0 값을 부여
}

• header.css

header {
    position: sticky;
    top: 0;
    align-items: center;
    background-color: white;
    padding: 10px;
    box-shadow: 0px 2px 5px #888888;
    z-index: 1; // 헤더에 1 값 card에 0값이 부여되어 스크롤 이동시 card 가 자연스럽게 뒤로 이동함
}