css - 투명하게 - html 버튼 투명




투명 png의 IE8 렌더링이 내 사이트에 FUBARed되어 있습니다. (4)

방금 만든 사이트를 테스트 할 수 있도록 IE8 전체 릴리스를 다운로드했습니다. [삭제 된 예]

왼쪽 사이드 바 배경 이미지에 중점을 둡니다. 반복되는 1x1 반투명 .png 이미지라고 가정합니다. IE8은 그라디언트로 렌더링합니다 !!! 창을 스크롤하거나 사이드 바 위로 마우스를 가져 가면 훨씬 더 무거워집니다.

나는 이미 일반 브라우저 (IE7, Firefox 및 Chrome)에서이 사이트를 테스트했습니다. 그것은 내가 이것들에서 설계 한 것처럼 보인다. IE8은 비록 FUBARed입니다. IE8을 "IE7"모드로 설정하려고했지만 여전히 엉터리로 보입니다. IE7 모드에서 IE8은 분명히 실제 IE7과 같은 방식으로 렌더링되지 않습니다. "IE7 메타 태그"조차도 작동하지 않습니다.

다른 누구도 이런 문제가 있었습니까? 나는 IE8이 한 단계 발전한 것이 아닌 개선이라고 생각했다.

추신 :이 페이지에서 엉터리 마크 업을 용서하십시오. IE의 "전체 페이지 저장"기능을 사용했습니다.


문제는 내 원래 png가 1 × 1이었고, 이유가 무엇이든간에 IE8은 타일링을 시도하고 동시에 알파 투명도를 처리하려고하지 않았기 때문입니다. 실수로 100 × 100의 클립 보드에있는 훨씬 큰 복사본으로 이미지를 저장했을 때 Internet Explorer에서 PNG의 투명도 처리와 관련된 문제를 해결했습니다.

Source


그것은 IE8에서 렌더링 오류 일 수 있습니다. 또는 예기치 않은 결과를주는 반복 된 이미지의 가장자리를 부드럽게하는 기능 일 수도 있습니다. 어느 쪽이든 그런 작은 이미지를 사용하여 문제가 발생하는 것은 그리 놀라운 일이 아닙니다. 브라우저가 페이지를 렌더링하기 위해 190152 번 이미지를 그려야한다는 것을 알고 있습니까?

페이지의 div에 대한 배경으로 10x10 반투명 PNG를 사용하고 있으며 IE8에서 잘 렌더링됩니다.


버그를 고쳤으며 다른 게시물에 언급 된 감마 문제가 아닙니다. 내 문제는 이미지의 크기가 1x1 픽셀이라는 사실 때문입니다. 방금 1x2로 변경하고 문제를 해결했습니다. 기묘한

[편집] Guffa의 게시물을 보았다. 그의 대답을보십시오.


이 문제에 대한 도움을 주셔서 감사합니다 - 이상한 버그.

IE8을 실행하는 컴퓨터의 50 %에서 문제가 발생했습니다 (상당수의 컴퓨터에 액세스 할 수 있음). CSS가있는 div에 배경 이미지로 설정된 1x1px 반투명 PNG가있을 때 IE는 이것을 펑키 한 수직, 투명 그라디언트로 렌더링합니다.

소스 이미지를 동일한 불투명도의 5x5px png로 변경하면 버그가 수정되었습니다 ... IE로 이동하십시오!







internet-explorer-8