我有一个脚本,可以在地图上布置这些圆形图标,当你将鼠标悬停在它们上面时,它们会弹起,文本出现等等。这些图标的比例是相对于它们在地图上的位置而定的,即相对于y轴上的0点的距离。我已经尝试通过CSS的宽度和高度属性以及在img标签上设置html的宽度和高度来设置比例,但仍然存在同样的问题:
基本上,当它们处于休眠状态时(例如页面首次加载或用户在选项卡之间切换时),这些图像(透明的PNG)是抗锯齿的。然而,当hover()函数和animate()函数被调用时,图像突然变得锯齿状和恶劣。我注意到这种行为在Firefox中不存在,但在Safari和Chrome中存在。我不知道这是否与Webkit、jQuery或仅仅是JavaScript本身有关,但也许有人能够提供一些帮助,因为Google的结果没有任何发现。有什么想法吗?:)
请注意,在附加的截图中,左下角和右下角的图标看起来都很好 - 它们是未缩放的图标!
谢谢 :) Matt
基本上,当它们处于休眠状态时(例如页面首次加载或用户在选项卡之间切换时),这些图像(透明的PNG)是抗锯齿的。然而,当hover()函数和animate()函数被调用时,图像突然变得锯齿状和恶劣。我注意到这种行为在Firefox中不存在,但在Safari和Chrome中存在。我不知道这是否与Webkit、jQuery或仅仅是JavaScript本身有关,但也许有人能够提供一些帮助,因为Google的结果没有任何发现。有什么想法吗?:)
请注意,在附加的截图中,左下角和右下角的图标看起来都很好 - 它们是未缩放的图标!
谢谢 :) Matt