IE图像显示问题

我现在在一个网站上工作：companhiadopijama.com.br/new和我有最奇怪的问题与IE浏览器（7 & 8）.. 6我不在乎atm太多。IE图像显示问题

我的PNG的显示与悬停部分黑色背景（在我的菜单中）&我的JPG在jquery环岛首先出现，然后更改为白色到黑色渐变..我第一次将它们作为PNG的，但有同样的问题。

网站上的代码是有点乱，不好意思还在学习，但都相对jQuery是在init.js & CSS是companhiadopijama.com.br/new/css/main.css

有没有人见过这个？有什么建议么？

在此先感谢

来源

2009-12-31 Bren

我在PNG图像遇到透明度类似的问题。 Firefox和Safari可以轻松处理透明部分，但在IE中这些部分只是黑色。确保图像中没有透明部分。

来源

2009-12-31 13:01:39 bertolami

其实我要添加一个if IE脚本来替换所有的透明png作为jpgs ..以防万一..但它的图像在下面的菜单，导致我最头疼的菜单..它显示你也一样吗？还是渲染好？ – Bren 2009-12-31 13:07:31

对不起，但我不记得确切。只是IE浏览器存在透明度问题。（幸运的是）我没有IE6了。 – bertolami 2010-01-01 12:42:53

不幸的是，我的许多客户仍然使用浏览器的狗..所以我已经用jpgs替换了所有的透明png，但在主页的环形交叉口上仍然存在渐变问题.. ahhhhh !! – Bren 2010-01-04 12:51:54

这是因为你（通过jQuery）使用alpha-opacity滤镜来淡化效果。 IE不支持透明-PNG-plus-opacity：alpha滤镜的不透明度会覆盖每个像素的不透明度，导致背景像素失去透明度。

随着AlphaImageLoader修复IE6和背景设置为白色，你可以得到一个有点不同的效果，虽然仍然是错误的（通常不那么透明的像素透明度和Alpha滤镜获胜;他们当然应该适当地相乘）。另一种方法是放弃对IE的淡入/淡出效果。

来源

2009-12-31 13:26:45 bobince

以及我现在所做的就是用jpgs替换所有的png，所以导航栏现在显示得很好..但是带jpgs的环岛仍然出现，然后呈现为具有渐变的白色框。 – Bren 2009-12-31 13:42:37

这是一个问题，与IE处理em大小..我不得不调整图像大小的1.6％的em尺寸。所有的作品现在..从脚本

来源

2010-01-05 11:45:34 Bren

我不得不将图像大小调整为em尺寸的1.6％... 恩，布伦，你能否详细说明，我有同样的问题，但不知道你的解释是什么意思......谢谢！ – luke 2010-03-01 13:03:10

hey luke，我所做的是在Firefox中使用em的大小，对于我来说，它是40em我认为，并获得它的价值的1.6％，在这种情况下0.64em。但是，这可能会帮助你更多，我现在升级到jquery 1.4并且问题消失了。 – Bren 2010-03-02 23:52:27

删除这一点，这就是它

.css('opacity', (info.opacity.min + (info.opacity.diff * factors.scale)).toFixed(2))

来源

2011-06-10 15:21:37

确认。谢谢。在jQuery Roundabout 1.1：485行。 – BasTaller 2011-09-07 09:15:56

我删除了这条线，并与IE7,8,9完美。它仍然无法在IE6上运行。

对于pngfix，我尝试了“supersleight”插件，它在每个IE中除了在迂回路口外都非常漂亮。

我使用了一个小PHP函数，以服务即脚本不透明度：

  if(usingIE()) 
       echo "<script src='".ROOT."_js/jquery.roundabout.js' type='text/javascript'></script>"; 
      else 
       echo "<script src='".ROOT."_js/jquery.roundabout.min.js' type='text/javascript'></script>"; 


      echo " 




       <script> 
        $(document).ready(function() { 
         $('ul#teacherslist').roundabout({ 
          minOpacity: 0.6, // invisible! 
          minScale: 0.3, 
          maxScale: 1, 
          shape: 'lazySusan', 
          duration: 600, 
          minZ:2000, 
          maxZ:2001, 
          btnNext: '#next', 
          btnPrev: '#previous' 
         }); 
        }); 
       </script>

我仍然不知道为什么IE6要给予更多的麻烦！

来源

2011-06-30 18:09:51

IE图像显示问题

回答

相关问题