Html Dropbox如何使其透明PNG+；在IE上工作？

我在www.dropbox.com上看到，watch_a_video2.png图像是一个透明的png图像，不透明度设置为0.5。当您将鼠标悬停在其上时，不透明度将发生变化

他们如何使用IE7/8在watch_\u video2.png图像周围不出现黑色轮廓

我没有看到任何过滤器或特定的IE修复库

我试图用Jquery重现他们的风格，它在Firefox/Safari上运行良好，但在IE上我得到了一个模糊的轮廓

谢谢你的帮助

他们正在使用prototype（有点像JQuery的JavaScript框架）。这段代码似乎达到了这个效果（换句话说，它们并不是简单地使用css）：

此代码适用于的HTML：

<a href="#" id="playvideo" onclick="play_screencast(); return false;">
    <img src="images/watch_a_video2.png"  alt="Watch a video about Dropbox."/><br />
    Watch a Video
</a>

上面的css将从链接中删除下划线，并从图像中删除边框

---

最后，如果你能发布你的实际代码，可能会有帮助（我在IE8中看不到蓝色的轮廓）。

也许我遗漏了什么，但我刚刚在IE7中打开了这篇文章，没有看到黑色的轮廓。编辑：啊，你是说当你把鼠标移到上面时会出现黑色的轮廓吗？：）是的，通常使用IE7/8在透明PNG图像上设置不透明度时，会得到一个黑色轮廓。但是在dropbox.com网站上，我没有看到PNG图像周围有任何黑色轮廓。我只是想知道他们做了些什么来修复IE7/8错误。看来解决方案是使用原型库？我不想说这是“唯一”的解决方案，但dropbox.com似乎就是这样做的。我使用.fadeIn（）和.fadeOut（）尝试了一个JQuery解决方案，但没有成功。IE8不能很好地使用这些功能，想想看。如果我有其他的想法，我会编辑我的帖子。

<a href="#" id="playvideo" onclick="play_screencast(); return false;">
    <img src="images/watch_a_video2.png"  alt="Watch a video about Dropbox."/><br />
    Watch a Video
</a>

a {text-decoration:none;}
img { border:none;}
/* of course you'd probably want to use a class or id on these elements */