Javascript 当使用透明的PNG'；页面上显示了

ETA更新：我发现如果我从我的网站上删除所有透明的.png文件，大约有5个，运行正常。这很奇怪。而且，增加投票将非常有帮助，我在另外几台计算机上进行了测试，4/15有这个问题。谢谢有什么想法吗？

在PC Firefox和所有其他浏览器上运行良好，但在Mac Firefox的4/15计算机上，Javascript速度非常慢，特别是菜单栏。我在现场外对它们进行了测试，效果很好。这是一个持续的问题已经有相当一段时间了，不知道如何解决它。更新后，如果我从站点中删除透明的PNG，问题就会消失，如左上角的横幅

我的网站：

所有的javascript都比其他浏览器慢一些，最大的两个浏览器是菜单栏和视频播放器。我不能忽视这一点

我想知道wordpress是否添加了一些东西，因为js在其他地方工作得很好

有什么想法吗

埃塔：这是我的JS文件：

埃塔：这是我的菜单栏代码

$(function() {
    $('#sdt_menu > li').bind('mouseenter',function(){
        var $elem = $(this);
        $elem.find('img')
             .stop(true)
             .animate({
                'width':'170px',
                'height':'170px',
                'left':'0px'
             },400,'easeOutBack')
             .andSelf()
             .find('.sdt_wrap')
             .stop(true)
             .animate({'top':'140px'},500,'easeOutBack')
             .andSelf()
             .find('.sdt_active')
             .stop(true)
             .animate({'height':'170px'},300,function(){
            var $sub_menu = $elem.find('.sdt_box');
            if($sub_menu.length){
                var left = '170px';
                if($elem.parent().children().length == $elem.index()+1)
                    left = '-170px';
                $sub_menu.show().animate({'left':left},200);
            }
        });
    }).bind('mouseleave',function(){
        var $elem = $(this);
        var $sub_menu = $elem.find('.sdt_box');
        if($sub_menu.length)
            $sub_menu.hide().css('left','0px');

        $elem.find('.sdt_active')
             .stop(true)
             .animate({'height':'0px'},300)
             .andSelf().find('img')
             .stop(true)
             .animate({
                'width':'0px',
                'height':'0px',
                'left':'85px'},400)
             .andSelf()
             .find('.sdt_wrap')
             .stop(true)
             .animate({'top':'25px'},500);
    });
});

---

尝试创建一个新的Firefox配置文件，这样您就可以在不安装扩展、插件等的情况下运行它。可能是某些扩展（AdBlock、GreaseMonkey等）与页面中的某些脚本发生了冲突

---

我刚刚在我的Mac电脑（MacBook Pro，10.6.7）上用FF4对它进行了测试，它加载得很快，所以它可能只是你的设置中的一些东西。

我首先要验证HTML，因为HTML标签可能会被打开，用javascript产生奇怪的行为。验证您的HTML并使用Firebug来帮助您

---

之后，我会尝试使用不同的间隔。

我不知道firefox是否有相同的问题，但我知道如果你平铺小的透明png（如1x1），它会导致ie7内存泄漏。使用较大的图像修复它。

我建议您可能有一些轻微损坏的PNG

建议您尝试以下操作：从photoshop中重新保存PNG。保存PNG-24和PNG-8。测试

我以前在PNG上看到过这种情况，但没有完全正确地保存

我在两台MacBook pros上测试了这个网站，一台是core duo 2，另一台是core duo。两者都运行良好，即使在播放视频时，菜单也非常响应

---

---

假设您在“可疑Mac”的其他答案中列出了其他步骤之一（即创建新帐户并进行测试），那么我认为您需要看看这些Mac还有哪些不同之处？什么版本的OS X？什么型号（即macbook vs macbook pro vs Air等）

Mac上的Firefox 4.0应该使用OpenGL进行硬件加速，而Windows上的FF使用Direct2D。由于问题只发生在一些Mac上，这可能与他们的图形卡芯片组有关吗？也许可以比较有问题的Mac的规格，并尝试禁用硬件加速，以查看问题是否会出现o away？

适用于Win7上的FF4。目前我的连接速度很慢，因此视频需要一些流媒体，但速度并不慢。我知道，与菜单一样，没有太多帮助，但我只是在Windows XP上试用了Firefox 4，它看起来非常好用。使用Firefox的配置文件管理器创建一个新的、简单的配置文件——没有附加组件，只有你的站点需要的插件（你可以保留多个配置文件）。也可以下载并运行类似于……的东西。Firefox可能只需要一次很好的“清理”“/压缩，或者一些附加组件可能会使工程粘上胶水。有人吗？这是一个大问题，投票支持会有帮助！菜单在我的电脑上的Linux上的Firefox4上运行正常，视频加载相当慢，但播放正常（但你认为这与javascript有关吗？）。Chrome的菜单更加流畅，但仍然非常有用。也许你使用的javascript功能在Firefox的Mac实现中特别慢，看看是否有关于这个的bug报告……这是个好主意，但它什么也没做。我在10台MacBook上进行了测试，其中两台有问题。我不能把我的手指放在上面。您是否尝试过在一台MacBook上创建一个全新的用户帐户来显示问题并在那里进行测试，以消除系统上运行其他东西的可能性？可能有点过分了，但如果没有其他办法，你可以试试。我确实试过了，没什么区别。我最近买了一台MacBook，酷睿2双核，4GB内存，不错的显卡，应该可以用！然后，您可能想尝试剥离组件并重新测试。尝试完全删除视频并刷新，看看会发生什么。对导航栏执行同样的操作，看看会发生什么。查看是否可以隔离导致问题的页面的某个特定部分。这是一个有点痛苦的过程，但可能会帮助你找到一个麻烦的地方。就是这些透明的PNG。如果我将它们全部删除，菜单栏工作正常。如果我一次移除一个，它会逐渐变好，直到它们全部消失。投票有帮助。谢谢你的建议。明天早上我会试试，如果有效的话，我会奖励你50次！已验证的html，现在可以签出。只有一个错误，我错过了“宽度”中的“d”。没有未关闭的。该站点上加载的唯一像素间隔是Google Analytics中的像素间隔，即使GA脚本被置空，像素间隔也消失了，菜单栏仍然非常慢。正如我在@desbest的帖子中评论的那样，我尝试置空Google Analytics中加载间隔png的像素间隔，它仍然运行非常慢。感谢您的建议。我从没想过。今天下午我会测试。我在两台Macbook pros上测试了这个，一台Core duo和一台Core 2 duo。对我来说一切都很顺利。我尝试了Safari和Firefox 4.0，尝试了更多的Mac电脑。这花费了我太多的时间，4/22现在遇到了这个问题。还是太多了。终于解决了！！！！！是的！！！！！我消除了造成png文件的麻烦，在photoshop中完全重新制作了相同尺寸的png文件，但这次我没有使用ImageOptim压缩它们，这是一个m