2012-05-09 36 views
3

我使用圖像旋轉器在主頁上顯示幾張圖像。所有圖像都是PNG格式。問題是在IE瀏覽器(7,8) - 在圖像旁邊有黑影...我花了幾個小時修復這個問題,但仍然不知道,問題出在哪裏&如何刪除它...PNG透明度問題 - 帶黑色陰影的褪色圖像 - IE中的邊框

沒有人有類似的問題和提示,該如何解決?

+0

請勿使用.png圖像。打開你最喜歡的圖像編輯器[:)]並將圖像與周圍圖像切片混合並創建.jpg圖像。 (Alpha不透明度會產生黑色邊框。)'導出爲網頁和設備',您的圖片將比您使用的PNG小。 –

+0

閱讀關於這個問題[這裏](http://stackoverflow.com/questions/1251416/png-transparency-problems-in-ie8)! – Zuul

回答

2

嘗試:

img.yourimg { 
    background: transparent; 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ 
} 

或者使用PNG8(它會創建您的圖片,一個白色的小邊框,但我想你不希望出現這種情況。)

還是在我的評論不喜歡上面。

+0

神奇,它的工作! – user984621