익명의 개발노트

[Wecode 63일차] fieldset , legend Tag, key pad 리팩토링 본문

코딩일기/TIL

[Wecode 63일차] fieldset , legend Tag, key pad 리팩토링

캡틴.JS 2019. 8. 2. 20:33
반응형

1. fieldset과 legend Tag

기업협업간 러시아 형님께서 사용하신 코드임. 내가 리팩토링간 지워버림.

 

아주 강력한 기능이다. 

fieldset을 사용하면 그 안에 있는 html을 그룹핑 시켜버리는 기능이다. 조절하기 매우 힘듬.

legend는 fieldset의 제목을 달아주는 것이고, 고정되서 움직이기 매우 힘듬.

position : absolute로 옮길 수 있으나, 그래봤자 fieldset 내부에서 움직인다. 

좀더 빨리 검색해볼껄.... 하....처음보이면 무조건 검색 ㄱㄱ!

 

 

2. key pad 리팩토링

 

 전부 이미지다.

이미지 넣는 것은 문제안됨. 다만 우측 하단 00과 DONE으로 된부분은 관계설정을 잘해주어야 둘다 클릭이 된다.

맨첨에 DONE의 z-index를 -1로 해서 맨 아래 깔았다가 클릭안되는 현상 발견..

00의 z-index를 1로 주고, DONE의 z-index를 0으로 해주면 해결.

 

반응형
Comments