当我在一个内部的html对象上使用它时,我有绝对和相对定位的问题svg:foreignObject.
我已经让这个jsfiddle来证明我的问题.
它div.wrapper应该与rectin中的位置相同svg:g,并且div中的段落应该如css中所述定位.
我在以下浏览器(Mac)中遇到问题:
它的工作方式与我在Firefox 19.0.2中的预期相同.
我的代码有问题吗？有谁知道如何解决这个问题？
UPDATE
我发现了这个bug,这可能就是问题所在.看起来webkit foreignObject的问题跟踪器存在很多问题.
如果某人有一个解决方法,如何将段落放在div的角落,我将不胜感激.
小智 6
很长一段时间以来这个帖子和bug仍然存在.
我实际上发现如果你x="50" Y="50"在foreignObject元素中使用属性,它在Chrome中按预期工作.
我知道它不一样transform,但至少你可以正确定位你的内容.