흐림 현상

webkit 브라우저에서 가운데로 정렬하기 위해 position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); 를 사용할때 텍스트 또는 사진이 흐릿하게,, 뿌옇게 보이는 버그가 발생한다. 그럴때!!transform:translate(-50%,-50%) 말고 translate(calc(-50% + 0.5px), calc(-50% + 0.5px)) 를 사용한다.그럼 해결,, 단, 이미지나 컨텐츠에 height값이 잡혀있을 경우홀수값으로 줘야 작동한다. 약간 야매방법이라서,,absolute로 꼭 가운데 정렬을 해줘야하는데 흐릿한 현상이 생길경우 사용하는 게 좋을것같다.다른 방법으로 가운데정렬을 사용해도 된다면다른 방법을 쓰자 +추가position:abs..