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)     
       } 

     ); 
} 

на примере CSS

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; 
    } 

оба PNGs имеет прозрачность. Меня не волнует IE6.

1) в IE7/IE8 при наведении курсора мыши, когда shop_hover.png кажется это не имеет прозрачности, вместо этого он показывает черный: S

2) почему в IE, если я установил непрозрачность ниже 1 для прозрачных PNG файлов он теряет прозрачность?

3) как долго я могу кодировать, не теряя friggin DAYS, чтобы исправить проблемы IE? P

Answer 1

Png + непрозрачность + IE = проблемы. Они плохой рецепт. Поскольку я занимаюсь этой ежедневной работой, это то, что я делаю.

Есть несколько вариантов устранения проблем png.

1. Использование и возиться с загрузчиком альфа-изображений IE. http://msdn.microsoft.com/en-us/library/ms532969(VS.85).aspx

2. Используйте библиотеку под названием dd_roundies, которая генерирует vml-версию вашего изображения, которая не будет иметь эти проблемы с png.

При загрузке страницы, вызывает что-то вроде этого:

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

Это должно исправить их, а затем на парить изображения должны оставаться фиксированными.