Q&A

css 모달 요소의 border가 왜 뿌옇게 나오나요?

윤삼
2020.05.15 12:48
2,277
0
7
CMS/프레임워크 Rhymix 1.9
개발 언어 PHP 7.0
문제 페이지 주소 비공개 (작성 후 5일 경과)

시험 모듈 스킨을 손보고 있는데요.

 

여기서 검색 버튼을 눌렀을 때 모달창이 팝업되거든요.

근데 이 안에 있는 border가 선명하지 않고 뿌옇게 나옵니다.

 

모바일에서 볼 때는 괜찮은 것 같은데, pc 크롬에서 보면 선이 뿌옇게 보여요.

이게 저만 그렇게 보이는 건지...

그게 아니라 다른 분들도 그렇게 보인다면 바로 잡을 방법이 없을까요?

 
목록
윤삼 Lv. 19
아무래도 중급 초반 수준의 코딩 오타쿠인 것 같습니다.

댓글 7

  • RayHur
    2020.05.15 12:51 #1401617
    CSS 압축 설정하셨나영?
    추천 0
  • 윤삼
    2020.05.15 12:51 #1401621
    아뇽, 개발 목적이 있다보니 css나 js 압축은 안 하고 있어요.
    추천 0
  • 웹스택
    2020.05.15 12:58 #1401630
    https://bugs.chromium.org/p/chromium/issues/detail?id=483381&thanks=483381&ts=1430463643

    크롬 버그입니다.
    CSS transform 속성 사용시 테두리가 뿌옇게 나오는 문제요.

    중앙정렬시 transform: translate(-50%, -50%); 말고 다른 방법을 사용하셔야겠어요 :(
    추천 1
  • 윤삼
    2020.05.15 12:59 #1401634
    아, 그렇군요. transform이 제일 편했는데ㅡㅜ
    추천 0
  • 윤삼
    2020.05.15 13:02 #1401642

    답변 달려 있는대로 요소 높이의 px를 짝수로 맞추니까 얄쌍하고 선명하게 나오네요.
    감사합니다~

    추천 0
  • snax
    2020.05.15 16:23 #1401759
    화면을 가로지르는(width: 100%) 컨테이너를 하나 만든 뒤 display: flex; align-items: center; 나 text-align: center; 로 중앙 정렬하는 방법도 있습니다. 어차피 모달은 팝업 외 영역은 클릭될 필요가 없기 때문에 (어차피 가려지기도 하고) 저는 이 방법을 사용하여 모달을 만듭니다.
    추천 2
  • 윤삼
    2020.05.15 21:12 #1401798
    맞아요. flex가 있었죠. 모니터 앞에 있을 때 머릿 속에서 왼전 배제되는 걸 보면, 전 정말ㅜㅜ
    추천 0
1 2 3 4 5