이번 주는 당신입니다.

댓글

댓글 쓰기

이 블로그의 인기 게시물

[iOS] iOS png, z-index, opacity, translate 버그

1. 버그 발생 현상 표시된 이미지 부분 CSS가 동작하지 않는 현상 검색해보면 해당 속성들이 존재할때 브라우저들이 인식을 못하는 버그가 존재한다는 글들이 나오며 iOS를 제외한 브라우저들은 해당 현상을 고친것으로 나옴. iOS는 z-index 말고  transform :  translate3d ( 0 , 0 , 1px ); 을 사용해서 처리하는 쪽으로 해결책들이 검색됨. 하지만 해결이 안됬음...ㅠㅠ html <div class="img_wrap" style="position:relative;z-index:1;opacity:0;transform: translate(0, 0);"> <img src="/common/img/vin/main/banner02_obj1_180831.png" alt="" style="position:relative;z-index:3;"> <img src="/common/img/vin/main/banner02_obj2_180831.png" alt="" style="position:absolute;top:8%;left:0;z-index:1"> <img src="/common/img/vin/main/banner02_obj3_180831.png" alt="" style="position:absolute;top:8%;left:0;z-index:2"> <img src="/common/img/vin/main/banner02_obj4_180831.png" alt="" style="position:absolute;top:7.1667%;left:9.4667%;width:19.4667%;z-index:1;"> ...
자세한 내용 보기

[jQuery] 접근성 레이어 팝업

접근성 관련해서 레이어를 여러 방법을 생각해보다. 닫기 버튼 위치에 관한 고민으로 예전에 작업을 해두었던 코드입니다. 그때 그때 상황마다 커스텀해서 사용하고 있긴한데...언제 개선시키지__)a; 아래와 같은 내용을 기준으로 작업되었습니다. 1. 사용자가 레이어 제목을 읽고 원치 않을 경우 내용을 다 읽지 않아도 닫을 수 있어야 한다. - 닫기 버튼 제목뒤에 한번 제공 2. 사용자가 문서를 다 읽은 후에 닫을 수 있어야 한다. - 컨텐츠 하단에 닫기 제공 - 보통 확인 취소 같은 용도로도 사용 3. 사용자가 다시 레이어 안의 내용을 읽기 위해 텝을 하였을때 레이어 밖으로 나가지 않고 레이어 안에서 돌아야 한다. - 그리 베스트의 방법이라곤 생각하지 않지만 임시로 하단에 a 태그를 생성해서 다시 처음으로 돌아 올수 있는 여건을 만들어 놓음. :Html <a href="#" class="openLayer">레이어 열기</a> <div class="layerWrap"> <div class="layerContainer"> <div class="layerHead">레이어 제목</div> <a href="#" class="firstClose layerClose">닫기</a> <div class="layerCon"><a href="#">1</a><br /><a href="#">1</a><br /><a href="#">1</a><br /><a href="#">1</a></div> ...
자세한 내용 보기

[iOS] body 스크롤 막기

.scrollOff{position:fixed;overflow:hidden;height:100%;} // body 스크롤 막음 function scrollOff(){    $('body').addClass('scrollOff').on('scroll touchmove mousewheel', function(e){       e.preventDefault();    }); } // body 스크롤 풀기 function scrollOn(){    $('body').removeClass('scrollOff').off('scroll touchmove mousewheel'); } 지인에게 받은 팁...iOS때문에 여러사람들 고생하네...
자세한 내용 보기