当前位置：文江博客话题详情

淡入时 IE 在 PNG 周围显示黑色边框

发布于 2024-10-17 09:34:50 字数 411 浏览 3 评论 0原文

这是我的网站： http://smartpeopletalkfast.co.uk/ppr6/

我有带有 jQuery 透明度淡入的 PNG。 IE8（尚未与其他人进行测试）在 PNG 淡入时显示周围有黑色边框。我知道这是一个公认的问题，我尝试了一些方法但没有运气。

但是，我注意到心脏（最后加载的图像）没有黑色边框。为什么这个可以呢？希望我能弄清楚为什么我可以用它来修复其他问题。

谢谢

更新，

我玩了很多代码，我没有意识到我无意中禁用了心脏的淡入，所以这就是为什么没有边框。

这是一个奇怪的问题。在我看过的所有论坛中，他们的解决方案似乎对某些人有效，但对其他人无效。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

好久不见√ 2024-10-24 09:34:50

我知道这个帖子很老了，无论如何我发现这篇文章对我来说非常有用，它完全消除了 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

I know this thread is very old, anyways I found this post which worked great for me, it completely removes the black borders from PNG's in IE7, IE8.

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

You can find it int this thread http://www.sitepoint.com/forums/showthread.php?590295-jQuery-fadein-fadeout-of-transparent-png-in-IE7-and-Chrome

回复收藏 0 原文

浅紫色的梦幻 2024-10-24 09:34:50

将此属性添加到您的标签中，如下所示

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

add this attribute to your tag like this

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

回复收藏 0 原文

回眸一遍 2024-10-24 09:34:50

使用 PNG-8 对我有用。它们的图像有一个轻微的白色边框，在实际文件中不是浏览器问题，但在我的情况下，这看起来不错。

回复收藏 0 原文

怪异←思 2024-10-24 09:34:50

设置背景颜色

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;

put background color

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;

回复收藏 0 原文