IE 이미지 디스플레이 문제

현재 사이트에서 작업하고 있습니다 : companhiadopijama.com.br/new 그리고 IE (7 & 8)에 이상한 문제가 있습니다. 6 나는 atm에 대해별로 신경 쓰지 않습니다.IE 이미지 디스플레이 문제

내 PNG가 부분적으로 검은 색 바탕에 표시됩니다 (내 메뉴에서) & jquery 로터리의 내 JPG가 처음으로 나타나고 흰색이 검은 색 그라디언트로 바뀝니다. 먼저 PNG로 표시되었지만 같은 문제.

사이트에서 코드는 여전히 학습 죄송합니다, 조금 지저분하지만 init.js & CSS는 사람이 전에 본했다 companhiadopijama.com.br/new/css/main.css

에있는 모든 상대 JQuery와 무엇입니까? 어떤 제안? 사전

출처

2009-12-31 Bren

에서

덕분에 내 PNG 이미지의 투명성과 비슷한 문제가 발생했습니다. 파이어 폭스와 사파리는 투명 부품을 쉽게 처리 할 수 있었지만, IE에서는이 부품이 검은 색이었다. 이미지에 투명한 부분이 없는지 확인하십시오.

출처

2009-12-31 13:01:39 bertolami

실제로 jpgs로 모든 투명하지 않은 PNG를 대체하기 위해 IE 스크립트를 추가 할 예정입니다. 다만 .. 만약에 .. 내게 가장 큰 두통을 유발하는 메뉴 아래의 원형 교차로에있는 이미지 .. 너도 마찬가지야? 또는 그것을 렌더링 괜찮습니까? – Bren

죄송하지만 정확하게 기억하지 않습니다. IE에 대한 투명성 문제가있었습니다. 그리고 (운좋게도) 저는 IE6를 가지고 있지 않습니다. – bertolami

불행히도 많은 고객이 여전히 브라우저의 개를 사용하고 있습니다. 그래서 모든 투명 PNG를 jpg로 대체했지만 그래도 홈페이지 로터리에서 그래디언트 문제가 있습니다 .. 아 !! – Bren

당신이 (jQuery를 통해) 페이딩 효과를 위해 알파 - 불투명 필터를 사용하기 때문입니다. IE는 단순히 투명한 PNG-plus-opacity를 지원하지 않습니다. 알파 필터의 불투명도 레벨은 픽셀 별 불투명도 레벨을 무시하므로 배경 픽셀의 투명도가 떨어집니다.

IE6과 배경이 흰색으로 설정된 AlphaImageLoader 수정을 사용하면 다소 다른 효과를 얻을 수 있습니다.이 효과는 일반적으로 여전히 눈에는 덜 불쾌하지만 (픽셀 투명도와 알파 필터의 불투명성이 떨어집니다. 그들은 물론 적절하게 곱해야합니다). 대안은 IE에서 페이드 인/아웃 효과를 막는 것입니다.

출처

2009-12-31 13:26:45 bobince

이제는 모든 PNG를 jpg로 대체 했으므로 navbar가 잘 표시됩니다 .. jpgs가있는 원형 교차로가 여전히 그라데이션이있는 흰색 상자로 렌더링 중입니다. – Bren

IE 크기로 처리 할 때 IE에서 문제가 발생했습니다. 이미지의 크기를 1.6 %로 조정해야했습니다. 모든

출처

2010-01-05 11:45:34 Bren

이미지 크기를 1.6 %로 조정해야했습니다 ... 음, Bren, 정교하게 만들 수 있습니까? 같은 문제가 있지만 설명이 무슨 뜻인지 잘 모르겠습니다 ... 감사합니다! – luke

hey luke, 내가 한 일은 파이어 폭스에서 작동하는 em에서 크기를 취하는 것이 었습니다. 저에게는 40em이라고 생각했고,이 값의 1.6 %를 얻습니다.이 경우 0.64em입니다. 하지만 더 도움이 될 수 있습니다. 지금 jquery 1.4로 업그레이드 했으므로 문제가 해결되었습니다. – Bren

삭제이 스크립트에서 .. 지금 작동하고 그게

.css('opacity', (info.opacity.min + (info.opacity.diff * factors.scale)).toFixed(2))

출처

2011-06-10 15:21:37

확인되었습니다. 감사. jQuery Roundabout 1.1 : 485 행. – BasTaller

내가 그 라인을 제거 그리고 그것은 IE7,8,9와 함께 완벽하게 작동합니다. IE6에서는 작동하지 않습니다.

pngfix의 경우 원형 교차로 이외의 모든 IE에서 아름답게 작동하는 "supersleight"플러그인을 사용해 보았습니다.

내가 불투명하지 않고 스크립트를 IE하는 역할을하는 작은 PHP 함수를 사용하고

  if(usingIE()) 
       echo "<script src='".ROOT."_js/jquery.roundabout.js' type='text/javascript'></script>"; 
      else 
       echo "<script src='".ROOT."_js/jquery.roundabout.min.js' type='text/javascript'></script>"; 


      echo " 




       <script> 
        $(document).ready(function() { 
         $('ul#teacherslist').roundabout({ 
          minOpacity: 0.6, // invisible! 
          minScale: 0.3, 
          maxScale: 1, 
          shape: 'lazySusan', 
          duration: 600, 
          minZ:2000, 
          maxZ:2001, 
          btnNext: '#next', 
          btnPrev: '#previous' 
         }); 
        }); 
       </script>

난 아직도 IE6 더 많은 문제를주고 싶은 이유를 궁금해!

출처

2011-06-30 18:09:51

IE 이미지 디스플레이 문제

답변

관련 문제