ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • check box IE에서 background 표시 이슈
    Language/CSS,HTML 2021. 3. 17. 15:33

     

    프로젝트 진행중에 custom checkbox에서 이슈가 발생하여 기록해 둔다.

     

    상황 : IE에서 간헐적으로 checkbox의 background가 안나오는 상황 발생

     

    퍼블소스에서는 재현 안되어서 퍼블리싱쪽에서 해결에 어려움을 겪어서 원인 추적

     

    문제분석

      - 아코디언 + 체크박스를 동시에 사용할때 간헐적으로 발생하는 이슈로 추측

     

    처리방식

      아래와 같이 두가지 해결 방식에 대해 추적 후 퍼블리싱 측에 전달하였다.

      - 방식1

        ㄴ 아코디언 처리시에 show 하는 부분을 setTimeout(function () {  // show }, 0);

    setTimeout(function () {
        $$.cont.show();
    }, 0);

     

      - 방식2

        ㄴ css에서 -ms-high-contrast 사용하여 처리

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .checkbox label {
            display: ruby;
        }
    }
    

     

    개발자임으로 css는 정확히 알지 못하니, 최대한 css로 해결하는 방향으로 처리 부탁드린다고 전달하였다.

     

     

    'Language > CSS,HTML' 카테고리의 다른 글

    react에서 text길이에 따라서 css 속성 변경  (0) 2023.07.26
    이미지 두번 load되는 현상  (0) 2021.04.22

    댓글

Designed by Tistory.