foreignObject（FIREFOX）のプロパティ値が無効です

Question

私のページにforeignObjectがあり、位置はXとYの値で定義されています。

<foreignObject style="X:883;Y:540;"> 
     <input type="checkbox"> 
</foreignObject> 

私はChromeで開いてもうまく動作しますが、Firefoxでページを開くと位置が正しく動作しません。要素を調べると、Invalid property valueのXとYに警告が表示されます。

どこから来ているのですか？

Answer 1

はあなたのコードをチェックし、documetionは次のように使用されることを述べている：存在イスト

<foreignObject x="883" y="540"> 
    <input type="checkbox"> 
</foreignObject> 

https://developer.mozilla.org/de/docs/Web/SVG/Element/foreignObject

スタイル、それ以外の場合に使用されます。