我正在仪表板内开发一个带有可移动图表的应用程序。每个图表在元素的右上角都有一组选项,允许完全筛选,关闭该图表等。由于图像差异(我无法更改),我不得不使用zoom
值。这完全符合所有主流浏览器的预期,包括IE7,但奇怪的是,不是IE9。
如果你并排打开Chrome和IE9中的小提琴,你会看到.icons
元素并非绝对定位于right: 0;
,实际上它是它应该的两倍。如下所示,如果你无法重新创建它。
如果我删除了zoom: 0.5;
,它的底部图片会显示为什么,并且此处的right
位置似乎正确。因此,在考虑.icons
之前,我只能假设计算放置zoom
的位置。
然而,知道这并没有让我更接近修复。有什么想法吗?
答案 0 :(得分:0)
不幸的是,由于zoom
不是标准的CSS组件,因此其应用程序没有标准。
基本上,zoom:0.5
会导致元素被削减一半,但IE正在对将占用的空间进行相应的处理,并将它们对齐在该虚拟空间的左上角而不是仅仅与父母对齐。它似乎距离右侧更远,但它实际上排在顶部,并与zoom:1
组件的左边缘对齐。
不幸的是,我想不出基于Javascript的修复方法,但这就是问题发生的原因。