IE 无法处理带有 png 的可拖动 div？
我正在创建一个可拖动/可调整大小的菜单，其中包含控制网站所需的所有链接，类似于 CMS 栏。我使用一些 png 来创建背景，设置一些透明度。
它在 FF 中工作得很好，但在 IE 中，我的 png 在我拖动菜单后发生了变化： 截图： http://img.photobucket.com/albums/v739/Alienna/ falcon/drag.png
另外，那个大的空白空间？这是一个注销按钮（带有背景图像和 a 元素的 div），其中只有 :hover 状态似乎有效，并且仅在拖动之前...
对此有任何修复吗？我以为 IE6 后 IE 的 png 问题就消失了（测试了这个，即 IE7/8）...
I'm creating a draggable/resizable menu with all the neccesary links to control the website, a CMS-bar kind of. I'm using some png's to create the background, set with some transparency.
It works great in FF, but in IE my png's get transformed after I drag my menu around:
Screenshots:
http://img.photobucket.com/albums/v739/Alienna/falcon/drag.png
Also, that big empty space? That's a log-out button(div with background-image and a-element), of wich only the :hover status seems to work, and only before dragging ...
Any fixes for this? I thought IE's png problems were gone after IE6(tested this ie IE7/8) ...
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
将您的可拖动图像转换为 8 位，它对我有用..
Convert your draggable image to 8 bit, It works for me..
我不是 100% 确定，但我认为这是旧的“具有 alpha 透明度的 DIV 中具有 alpha 透明度的 PNG”错误，该错误存在于所有 IE 中，包括 8。请参阅 此处更多信息。
简而言之，当 PNG 位于本身不透明度不同于 1 的容器中时，IE 在处理 PNG 中的 alpha 透明度时遇到困难。当您拖动元素时，其不透明度会发生变化，并且该错误就会发挥作用。
I'm not 100% sure, but I assume this is the old "PNGs with alpha transparency in DIVs with alpha transparency" bug that is present in all IEs including 8. See here for more info.
In short, IE has difficulties with alpha transparencies in PNGs when those are in containers that themselves have an opacity different from 1. When you drag the element, its opacity changes, and the bug comes into play.