시험 모듈 스킨을 손보고 있는데요.
여기서 검색 버튼을 눌렀을 때 모달창이 팝업되거든요.
근데 이 안에 있는 border가 선명하지 않고 뿌옇게 나옵니다.
모바일에서 볼 때는 괜찮은 것 같은데, pc 크롬에서 보면 선이 뿌옇게 보여요.
이게 저만 그렇게 보이는 건지...
그게 아니라 다른 분들도 그렇게 보인다면 바로 잡을 방법이 없을까요?
| PHP | PHP 7.0 |
|---|---|
| CMS | Rhymix |
-
CSS 압축 설정하셨나영? -
아뇽, 개발 목적이 있다보니 css나 js 압축은 안 하고 있어요. -
https://bugs.chromium.org/p/chromium/issues/detail?id=483381&thanks=483381&ts=1430463643
크롬 버그입니다.
CSS transform 속성 사용시 테두리가 뿌옇게 나오는 문제요.
중앙정렬시 transform: translate(-50%, -50%); 말고 다른 방법을 사용하셔야겠어요 :( -
아, 그렇군요. transform이 제일 편했는데ㅡㅜ
-
답변 달려 있는대로 요소 높이의 px를 짝수로 맞추니까 얄쌍하고 선명하게 나오네요.
감사합니다~ -
화면을 가로지르는(width: 100%) 컨테이너를 하나 만든 뒤 display: flex; align-items: center; 나 text-align: center; 로 중앙 정렬하는 방법도 있습니다. 어차피 모달은 팝업 외 영역은 클릭될 필요가 없기 때문에 (어차피 가려지기도 하고) 저는 이 방법을 사용하여 모달을 만듭니다. -
맞아요. flex가 있었죠. 모니터 앞에 있을 때 머릿 속에서 왼전 배제되는 걸 보면, 전 정말ㅜㅜ