반응형 frontend2 ie background image blurry https://hulint.tistory.com/26?category=1054923 sub-pixel rendering (ie11 background blur 버그) div에 background:url로 백그라운드 이미지를 지정하고, margin:auto를 이용하여 가운데 정렬을 하고 해당 영역에 a태그를 추가함 하지만 ie11에서 링크에 마우스를 가져가거나 클릭을 하게 되면 해당 영역의 이미.. hulint.tistory.com 위의 게시글처럼 sub-pixel rednedring 버그인거 같지만 어떤 상황에서 발생하는지 확인하는 과정을 블로그에 남김 http://www.cssdesk.com/9LGrP 위의 사이트를 ie 11로 접근해서 이미지를 드래그&드랍을 하게 되면 첫번째 이미지에서 링크로 잡혀 .. 2019. 12. 26. sub-pixel rendering (ie11 background blur 버그) div에 background:url로 백그라운드 이미지를 지정하고, margin:auto를 이용하여 가운데 정렬을 하고 해당 영역에 a태그를 추가함 하지만 ie11에서 링크에 마우스를 가져가거나 클릭을 하게 되면 해당 영역의 이미지만 blur 처리가 되는걸 확인했다. 현재 발생하는 blur 상황은 아래와 같다. 탭으로 focus됐을때 mouseover했을때 링크를 드래그 했을때 margin:auto 옵션을 제거후 테스트시에는 blur가 발생하지 않음. 중앙 정렬을 위해 다른 방법을 사용해도 동일하게 blur현상 발생 position:absolute; width:1000px; margin-left:-500px; left:50%; 중앙정렬을 처리하는 속성중에 50%부분을 px로 변경하게 되면 blur 현상이.. 2019. 6. 21. 이전 1 다음 반응형
