IE與jquery和CSS問題

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示例IE與jquery和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; 
    }

兩者的PNG有透明度PNG文件。我不在乎IE6。

1）在IE7/IE8在鼠標懸停時shop_hover.png出現它不具有透明性，而不是它顯示黑色：S

2）爲什麼在IE如果我爲它失去透明的PNG設置爲低於1不透明度透明度？

3）我可以在不損失friggin的情況下編碼多久才能解決IE問題？ P

來源

2010-08-16 Sandro Antonucci

問題3 - 絕不可能。雖然IE9看起來非常非常好。那麼可能在10年後。 – MvanGeest 2010-08-16 21:23:58

什麼是救濟：P – 2010-08-17 13:38:20

Png +不透明度+ IE =問題。他們是一個不好的配方。因爲我每天處理這個日常事務就是我所做的。

有幾個選項來解決PNG問題。

IE瀏覽器的alpha圖像加載器的使用和修補程序。 http://msdn.microsoft.com/en-us/library/ms532969(VS.85).aspx
使用一個名爲dd_roundies的庫來生成映像的vml版本，該映像不會出現這些png問題。

頁面加載時，調用是這樣的：

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

這應該解決這些問題，然後停在圖片應固定不變。

來源

2010-08-16 21:28:53 UpHelix

我會盡快嘗試 – 2010-08-17 13:39:44

我試過DD.roundies，它的工作原理，但它的實際上是一個標記大的div，但鏈接將不再工作，怎麼來？這是一個例子

<！ - END showcase_home - > – 2010-08-24 20:06:21

確定它適用於邊境和PNG它pratically摧毀幾乎所有其他元素，如HREF，不透明，利潤率=沒用。還有其他選擇嗎？ – 2010-08-24 22:33:53

IE與jquery和CSS問題

回答

相關問題