CSS-Transformation funktioniert nicht auf Firefox-Erweiterung

Question

Ich habe mit angebauter sdk spielen um Erweiterung zu schaffen, dh. könnte verwendet werden, wenn eine Linie auf einem Bild von der Internet-Website gefunden wird.

Die Erweiterung funktioniert so, dass es die Internetseite des DOM mit einem paar div-Tags erweitert, die CSS-abgebildet werden.

eine Linie erstellen I CSS verwendet haben wie diese Transformation

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; 
    } 

und in CSS habe ich wie diese erklärt

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

Aus irgendeinem Grund dieser Code nicht auf allen Website funktioniert . (ie. google.com) Aber in einigen Fällen - auf einfacher Website - funktioniert es (www.stox.fi)

Hat jemand Idee, wie man das repariert, so dass es auf allen Seiten funktionieren würde? genannt Fibotin

Answer 1

Set position-relative oder absolute

können Sie überprüfen, wie es auf meiner Erweiterung arbeiten. Das sollte dann transform funktionieren. fixed sollte es funktionieren lassen. Es ist merkwürdig, dass es nicht ist, vielleicht gibt es etwas, das das übertreibt?