在IE中的圖像滑塊問題 - 錯誤？

我在IE中遇到了圖像滑塊問題。在我的主頁上我有一個有圖像滑塊的橫幅。在此滑塊上切換圖像時，橫幅圖像邊緣會出現黑色輪廓。圖像滑塊本身是在jQuery中完成的，但該網站是Joomla CMS網站。在IE中的圖像滑塊問題 - 錯誤？

我已經研究了這一點，我認爲它可能是一個Png IE bug，透明度問題，因爲圖像是圓角矩形。我已經把代碼修復到我的CSS中，但這似乎沒有改變任何東西，所以我想知道其他人是否有一些建議？

我的網站是www.myramis.com。

2011-01-31 snakespan

你是指角落裏的黑色線條，它持續1秒鐘？ – hade 2011-01-31 10:17:53

是的，它只是非常微妙的，但我很好奇爲什麼這發生在IE中，而不是其他任何瀏覽器。 – snakespan 2011-01-31 10:19:37

的< /身體>標籤之前給你的文檔的末尾添加：


<style type="text/css"> 
    * html #png-ie /* ie6 hack */ 
     { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/to_my_png/imageIE.png', sizingMethod='scale')); } 
    *+ html #png-ie /* ie7 hack */ 
     { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/to_my_png/imageIE.png', sizingMethod='scale')); } 
</style>

來源

2011-01-31 10:29:29 DoctorLouie

我設法得到它的輪廓用下面的代碼是不那麼突出，但我想也許我有做一些jQuery的讓它完全消失：

.slide img { 
     background: transparent; 

-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; 
    /* IE8 */ 
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); 
    /* IE6 & 7 */  
     zoom: 1; }

也許有人知道一個jQuery修復我可以用這或許會完全elminate的黑色輪廓同樣的問題嗎？

來源

2011-01-31 11:29:25 snakespan

在IE中的圖像滑塊問題 - 錯誤？

回答

相關問題