html - 缩放 IE9 的奇怪错误

Question

我正在开发一个在仪表板中带有可移动图表的应用程序。每个图表在元素的右上角都有一组选项，允许全屏显示、关闭该图表等。由于图像差异(我无法更改)，我不得不使用 zoom 值(value)观。这在所有主流浏览器(包括 IE7)中的表现完全符合预期，但奇怪的是，在 IE9 中却没有。

http://jsfiddle.net/YkTjp/7/

如果你同时打开 Chrome 和 IE9 中的 fiddle ，你会看到 .icons 元素没有绝对定位到 right: 0;，事实上它是应该的两倍。如果您无法重新创建它，如下所示。

Image here. If someone could edit my post and embed rather than this link I would appreciate it (don't have 10 rep)

底部的图片是我删除 zoom: 0.5; 后的样子，它的 right 位置似乎是正确的。所以我只能假设它在考虑 zoom 之前计算放置 .icons 的位置。

但是，知道这一点并不能使我更接近解决问题。有什么想法吗？

Answer 1

不幸的是，由于 zoom 不是标准的 CSS 组件，因此它的应用没有标准。

基本上，zoom:0.5 会导致元素被切成两半，但 IE 正在对它本应 占用的空间执行此操作，并将它们对齐到顶部那个幻影空间的左边，而不是仅仅与父级对齐。它看起来离右边远得多，但实际上它排在顶部，并与 zoom:1 组件的左边缘对齐。

不幸的是，我想不出不是基于 Javascript 的修复方法，但这就是问题发生的原因。