는 IE JQuery와 및 CSS 질문

Question

function fadehomepage() { 

     //Set opacity to 0 
     $('#showcase_home > div > a').css({'opacity':'0'}); 



     $('#showcase_home > div').hover( 

       function() { 
         var selected_div = $(this).attr("class") + "_hover"; 
         $(this).find('.' + selected_div).stop().fadeTo(500, 1)     
       }, 

       function() { 
         var selected_div = $(this).attr("class") + "_hover"; 
         $(this).find('.' + selected_div).stop().fadeTo(300, 0)     
       } 

     ); 
} 

div#showcase_home div.shop{ 
     background:url(img/shop.png) no-repeat top; 
     margin-right:0; 
    } 
    .shop_hover{ 
     background: url(img/shop_hover.png) no-repeat top; 
     width: 290px; 
     height:230px; 
     display:block; 
     padding:0; 
     margin:0; 
    } 

모두 PNG 파일은 투명성을 가지고있는 CSS 예제를 PNG로. 나는 IE6에 대해 신경 쓰지 않는다. shop_hover.png은 투명성이없는 나타날 때

1) 마우스 오버에 IE7/IE8에, 대신 검은 색을 보여줍니다 S

2) 왜 그것을 잃고 투명 PNG 파일 1 이하로 불투명도를 설정하면 IE에서 투명도?

3) IE 문제 만 해결할 때까지 얼마나 오래 코딩 할 수 있습니까? P

Answer 1

Png + opacity + IE = 문제. 그들은 나쁜 처방이다. 내가 매일 이렇게 여기에서 일하는 것은 내가하는 일이다.

PNG 문제를 해결할 수있는 몇 가지 옵션이 있습니다.

1. IE의 알파 이미지 로더를 사용하고 조정하십시오. http://msdn.microsoft.com/en-us/library/ms532969(VS.85).aspx

2. 이러한 png 문제가없는 이미지의 vml 버전을 생성하는 dd_roundies 라이브러리를 사용하십시오. 페이지가로드, 이런 식으로 뭔가를 호출하면

:

DD_roundies.addRule('div#showcase_home div.shop'); 

이 오류를 수정 한 다음에 이미지가 고정 된 상태를 유지해야 마우스를해야한다.