본문 바로가기

경제/허니팁

IT 티스토리 포스터 Poster 스킨 css 코드 z index 메뉴바 에러 해결하기

다이아지니 투자성장기

 

 

안녕하세요 다이아지니 입니다. 오늘 티스토리 poster 포스터 스킨의 메뉴바 에러에 대해서 작성하려구 합니다. 

요새 블로그에 이것저것 시도 중인데요 오늘도 어김없이 이것 저것 만져보다 메뉴바가 갑자기 화면에 맨뒤 레이어에 위치하게 되어 안눌리는 상황이 발생했습니다.

메뉴바를 누르자 배경이 불투명 처리 되면서 메뉴 카테고리가 눌리지 않는 상황 ... 이럴 수 가  아래 화면에서 보여드릴게요 !! 

 

z index 메뉴바 에러

 

메뉴바 에러로 메뉴바 레이어드가 뒤로 감 (에러)
메뉴바 에러가 해결 된 후 메뉴가 잘 노출 됨 (정상)

 

 

그 원인은 바로 z-index 값이 없어서 였습니다.  z index 값 설정이 되어있지 않아서 메뉴의 레이어드가 가장 뒷쪽으로 가게 되는 바람에 메뉴 안의 카테고리가 눌리지 않았던 거였어요.  z index 값을 다시 설정해 두니 메뉴바 레이어드가 위로 올라와서 다시 메뉴를 클릭 할 수 있게 되었습니다. 

 

z-index 란 무엇인가 ? 

 

z-index 속성은 위치 지정 요소와, 그 자손 또는 하위 플렉스 아이템의 Z축 순서를 지정합니다. 더 큰 z-index값을 가진 요소가 작은 값의 요소 위를 덮습니다.

겹치는 요소들이 쌓이는 순서를 결정할 때 사용하는 문구 입니다. z index의 값이 높을 수록 윗쪽에 레이어드 되는 셈입니다. 

제 티스토리 에러는 z index가 지워져서 메뉴의 레이어드가 맨뒤로 가서 눌리지 않았던것이였어요 !! 

 

티스토리 포스터 스킨 메뉴바 css 기본 코드

 

Z index 400 값을 넣으니 가볍게 해결 되었습니다. 

이런 간단한 문제도 블로거 초보들에게는 아주 어렵게 느껴지는데요 그래서 저도 한참을 해메다가 평소에 티스토리 편집을 위해 구독하고 계셧던 소소일기 블로거 님께 도움을 받았습니다. !! 

워드프레스와 웹호스팅 티스토리 최적화 관련해서 글을 올리스는 블로거님이신데 저의 문제를 아주 빠르게 해결해 주셨어요 !!

역시 IT 전문가는 다르신거 같아요 

한참을 눈빠져라 css 언어를 쳐다 봐도 뭐가 모르는 저와 같은 초보자 분들은 avada 님 티스토리에서 유용한 정보를 확인해 보실 수 있으실 꺼에요 !!  제 다음 목표가 워드프레스 만들기도 있는데요 워드프레스와 IT관련해서 다양한 정보가 필요하신 분들은 avada 님 블로그에 방문해 보시길 추천합니다 . ^^  그럼 오늘도 제 블로그에 방문해 주셔서 감사합니다. !! 유용한 정보로 다시 찾아오겠습니다. !! 

 


소소일기 avada 님 블로그 

 

30분전

워드프레스, 번역, 웹호스팅, 티스토리, 일상적인 소식을 전합니다.

avada.tistory.com

 


 

포스터 스킨 검색창 펼치기가 궁금할 때 클릭 

 

IT 티스토리 포스터 Poster 스킨 커스터마이징 검색창 펼쳐놓기 펼치기 HTML 코드 수정

안녕하세요 다이아지니 입니다. 엄청 무더운데요 어제부터 티스토리를 좀 더 효율적으로 보이기 위해 커스터마이징을 하고 있는 과도기에 있어서 블로그가 지금 쪼오끔 어수선 하네요 ㅋㅋ (광

diajini.tistory.com

 

 

저의 포스팅이 도움이 되셨나요? 
하트/구독/공감을 눌러주시면 제게 큰힘이 됩니다. 댓글로 여러분의 이야기도 들려주세요!
감사합니다.