PNG透明度问题-带有黑色阴影的褪色图像-IE中的边框答案

【问题标题】：PNG transparency issue - faded images with black shadows - border in IEPNG透明度问题-带有黑色阴影的褪色图像-IE中的边框
【发布时间】：2012-05-09 10:20:42
【问题描述】：

我使用图像旋转器在主页上显示一些图像。所有图像均为PNG格式。问题出在 IE (7, 8) - 图像旁边有黑色阴影......我花了几个小时解决这个问题，但仍然不知道问题出在哪里以及如何删除它......

没有人有类似的问题和提示，如何解决？

【问题讨论】：

不要使用 .png 图片。打开您最喜欢的图像编辑器 [ :) ] 并将图像与周围图像的一部分混合并创建 .jpg 图像。（alpha 不透明度会变得混乱，创建黑色边框。）“为网络和设备导出”，您的图像将小于您使用的 .png 图像。
阅读该问题here！

标签： jquery shadow image-rotation

【解决方案1】：

尝试：

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（它会在您的图像周围创建一个小的白色边框，但我认为您不希望这样。）

或者喜欢我上面的评论。

【讨论】：