2011-02-11 99 views
8

這裏褪去的時候是我的網站: http://smartpeopletalkfast.co.uk/ppr6/IE顯示黑色邊框PNG在

我的PNG透明度與jQuery淡入。 IE8(havnt與其他人一起測試過)在淡入時顯示PNG周圍的黑色邊框。我知道這是一個公認的問題,我嘗試了幾種方法,但沒有運氣。

但是,我注意到心臟(最後一張要加載的圖像)沒有黑色邊框。爲什麼這個好?希望如果我找出爲什麼我可以用它來修復其他人。

感謝

UPDATE

我會用代碼玩耍了這麼多,我還沒有意識到自己無意中在心臟禁用褪色,所以這就是爲什麼沒有國界的。

這是一個奇怪的問題。在我看過的所有論壇中,這些解決方案似乎都適用於某些人,但不適用於其他人。

+2

不知道我可以回答你的問題,但有關IE與jQuery的衰落PNG透明度問題的詳細信息,請參閱:http://stackoverflow.com/questions/1156985/jquery-cycle-ie7-transparent-png-problem – 2011-02-11 18:52:01

+0

使用PNG-8爲我工作。他們是一個微小的白色邊框的圖像,這是在實際的文件中不是瀏覽器的問題,但在我看來這很好。 – Evans 2011-02-11 20:14:07

回答

3

使用PNG-8爲我工作。他們是一個微小的白色邊框的圖像,這是在實際的文件中不是瀏覽器的問題,但在我看來這很好。

4

這個屬性添加到您的標籤這樣

<img src="/someimage.png" alt="yourImageDesc" style="border-style: none" /> 
+0

這是否應該刪除白色邊框?它不適合我。白色邊框圍繞不透明像素,而不是圍繞整個PNG。你可以在這裏看到它:http://smartpeopletalkfast.co.uk/ppr6/ – Evans 2011-02-28 13:31:45

+0

在我的情況下,它確實工作,謝謝。 – 2012-01-11 21:54:53

0

我有同樣的問題設置元素的使用jQuery的不透明度爲$('div').css('opactiy',0.5); 我能夠通過設置了堅實的背景顏色進行修復對於'div'的關注。

簡單的例子:http://jsfiddle.net/mwXs3/3/(在Firefox和IE8比較這)...

8

我知道這個帖子很舊,反正我發現這個帖子對我很好用,它完全從IE7,IE8中刪除了PNG的黑色邊框。

.item 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 */ 
} 

你可以找到它詮釋這個線程http://www.sitepoint.com/forums/showthread.php?590295-jQuery-fadein-fadeout-of-transparent-png-in-IE7-and-Chrome

2

放背景顏色

background: #E1AE07; 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: alpha(opacity=50); 
    -khtml-opacity: 0.50; 
    -moz-opacity: 0.50; 
    opacity: 0.50;