缩放IE9的奇怪错误

wmagni 发布于 2019-03-09 css 最后更新 2019-03-09 14:36 3 浏览

我正在仪表板中开发一个带有可移动图表的应用程序。每个图表在元素的右上角都有一组选项,允许完全筛选,关闭图表等。由于图像差异(我无法更改),我不得不使用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的位置正确。因此,我只能假定在计算zoom之前计算放置.icons的位置。 但是,知道这并不会让我更接近修复。有任何想法吗?

已邀请:

weos

赞同来自:

不幸的是,由于zoom不是标准的CSS组件,因此其应用程序没有标准。 基本上,zoom:0.5会导致元素被切成两半,但是IE正在分别对应它所占据的空间,并将它们对齐到那个幻像空间的左上角,而不是仅仅对齐父节点。它似乎距离右侧更远,但它实际上排在顶部,并与zoom:1组件的左边缘对齐。 不幸的是,我想不出一个不基于Javascript的修复,但这就是问题发生的原因。