div 위에 이미지를 배치했습니다. div에 이미지를 혼합하려고합니다 (div는 단색입니다). Chrome에서는 멋지게 보입니다. 색상이 완벽하게 혼합됩니다. IE 7에서는 색상이 동일해야하지만 색상은 굵은 선으로 표시됩니다! 몇 가지 시험 (실제 RGB 값을 확인하기 위해 paint.net에 입력 된 인쇄 화면) 후에 IE 7은 실제로 이미지를 밝게 비 춥니 다.IE가 색상을 변경하는 이유는 무엇입니까?
블렌드가 매끄럽게 보입니다. 구글 크롬이 지금까지 괜찮 았어. IE 7이 색상을 올바르게 표시하지 못하는 이유는 무엇입니까?
두 브라우저는 다른 렌더링 엔진을 사용하고 있습니다. 그들이 그래픽, 특히 jpeg를 렌더링하는 방법에는 약간의 차이가 있습니다.
차이점은 있지만 피할 수없는 부분은 있습니다.
대부분의 경우 눈에 띄지 않습니다. 당신과 같은 경우에는 같은 것으로 생각되는 단색의 배경색을 가진 요소에 대해 배치하려고 할 때만 모양을 나타냅니다.
다른 이미지 형식을 사용하여 문제를 해결할 수 있습니다. 이미지를 PNG로 저장해보십시오. PNG는 jpeg보다 브라우저 사이에서 더 정확하게 표현되는 경향이 있으므로 문제를 해결하기에 충분할 수 있습니다.
그래도 문제가 해결되지 않으면 PNG 알파 투명도 기능을 사용하여 가장자리가 투명 해지면서 이미지가 흐리게 표시 될 수 있으며 배경색이 뒤쪽에 겹칩니다. 이것은 확실히 당신에게 부드러운 변화를 줄 것이지만, 좀 더 기술적이며, 성취하기가 더 어렵습니다. 또한 PNG 투명성과 관련된 주요 버그가 있기 때문에 이전 버전의 IE (IE6은 물론, IE7에서는 괜찮을 것입니다)에서 문제가 발생할 수 있습니다. (이것이 문제인 경우이 문제를 해결할 수있는 방법이 있으며 자세한 내용은 google IEPNGFix를 참조하십시오)