javascript - CSS转换不适用于Firefox扩展

我一直在玩插件SDK来创建扩展，即。在从Internet网站找到的图像上画一条线时可以使用。

该扩展起作用，以便它通过映射到CSS的一些div标签扩展了Internet站点的DOM。

创建一条线，我已经使用过CSS转换

fibotin.draw = function (event) {
    var currentPosX = event.clientX;
    var currentPosY = event.clientY;
    event.preventDefault();
    /* .... */
    if (drawSelection === "line") {
        var length = fibotin.calculateLineLength(currentPosX, currentPosY, drawObj.startPosX, drawObj.startPosY);
        var angle = fibotin.calculateAngle(currentPosX, currentPosY, drawObj.startPosX, drawObj.startPosY);
        var transform = 'rotate(' + angle + 'deg)';

        drawObj.element.style.transform = transform;
        drawObj.element.style.width = length;
    }

在CSS中，我这样声明

#line{
transform-origin: 0 100%;
height: 2px;
background: red;
position: fixed;
z-index: 999999;
cursor: move;
}

由于某种原因，此代码不适用于所有站点。 （即google.com）
但在某些情况下-在较简单的网站上-它可以工作（www.stox.fi）

有谁知道如何解决此问题，使其在所有网站上都能正常工作？

您可以检查其在名为Fibotin的扩展程序中的工作方式

最佳答案

将position设置为relative或absolute。那应该使transform起作用。 fixed应该使它起作用。奇怪的是，也许有些东西可以压倒一切？