Tinymce - 闪烁的光标正在隐藏在一个变形的（缩放的）满足的Div上

Question

编辑： 我使用了tinymce编辑器添加外部工具栏的文本，
请查看TINYMCE-DEMO 一切都和我下面提到的一样。

我有一个带contentEditable="true"的转换（缩放）div元素。现在的问题是，当我开始在这个div框上打字时，闪烁的光标有时会在Firefox中隐藏，但在Chrome中，它工作得很好。我不明白这段代码有什么问题 这是我的代码：
HTML -

<div contentEditable="true" id="textbox" class="scaleDiv">Add Text Here...</div>

CSS -

<style>
#textbox { width:400px;height:250px;background:#FFC0CB;word-wrap:break-word; padding:5px;}
.scaleDiv { -moz-transform:scale(0.5,0.5);-webkit-transform:scale(0.5,0.5);}
</style>

这是 DEMO

如果您在从左到右或从右到左键入后移动光标，则可以看到光标 - 有时会显示，有时会隐藏。

请帮助......

Answer 1

在缩放时会使用不同的别名方法，或者Chrome会齐心协力保持光标处于活动状态。 FireFox中发生的事情是，在某些点处，单个垂直线（即光标）被缩小，有时在使用某些类型的缩放时会发生这种情况，例如最近邻居。这个问题可能是特定于操作系统的，我在Windows上用FF 26.0看到它。

例如：

拍下这张图片：

然后将其缩放0.75 （我在这里使用了PhotoShop和最近邻居，但主体是相同的）

正如你所看到的，有些线条消失了。

基本上你需要研究是否可以改变FireFox和CSS中使用的缩放类型。遗憾的是，从目前为止我所看到的情况来看，只有使用image-rendering css属性或Microsoft非标准-ms-interpolation-mode的图像...