질문/조언질답게시판
Extra Form
PHP PHP 7.0
CMS Rhymix

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

 

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

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

 

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

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

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

  • profile
    CSS 압축 설정하셨나영?
  • profile profile
    아뇽, 개발 목적이 있다보니 css나 js 압축은 안 하고 있어요.
  • profile
    https://bugs.chromium.org/p/chromium/issues/detail?id=483381&thanks=483381&ts=1430463643

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

    중앙정렬시 transform: translate(-50%, -50%); 말고 다른 방법을 사용하셔야겠어요 :(
  • profile profile
    아, 그렇군요. transform이 제일 편했는데ㅡㅜ
  • profile profile

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

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