缩放IE9的奇怪错误

时间:2013-04-11 16:13:58

标签: html css internet-explorer-9 zoom

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

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

如果你并排打开Chrome和IE9中的小提琴,你会看到.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位置似乎正确。因此,在考虑.icons之前,我只能假设计算放置zoom的位置。

然而,知道这并没有让我更接近修复。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

不幸的是,由于zoom不是标准的CSS组件,因此其应用程序没有标准。

基本上,zoom:0.5会导致元素被削减一半,但IE正在对占用的空间进行相应的处理,并将它们对齐在该虚拟空间的左上角而不是仅仅与父母对齐。它似乎距离右侧更远,但它实际上排在顶部,并与zoom:1组件的左边缘对齐。

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