2011-02-11 101 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;