html - 缩放 IE9 的奇怪错误

Question

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

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

如果您在 Chrome 和 IE9 中并排打开小提琴，您会看到该.icons元素并非绝对定位到right: 0;，实际上它是应有的距离的两倍。如果您无法重新创建它，如下所示。

图片在这里。如果有人可以编辑我的帖子并嵌入而不是此链接，我将不胜感激（没有 10 个代表）

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

然而，知道这一点并没有让我更接近修复。有任何想法吗？

Answer 1

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

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

不幸的是，我想不出一个不基于 Javascript 的解决方案，但这就是问题发生的原因。