【发布时间】：2014-04-30 19:56:33
【问题描述】：
在 Firefox 中，使用缩放变换会导致光标停止闪烁、隐藏它或使其指向错误的字符。
这是小提琴：
<div tabindex="1" class="trans">
<div contenteditable="true">
<span style="font-size: 73px; font-family: Calibri (Headings);
text-align: center; color: Black;" class="TxtPhLineTxt">S</span>
</div>
CSS：
.trans {
height: 2.1in; width: 11.5in;
cursor: text;
transform: scale(0.461111);
transform-origin: 0px 0px 0px;
}
那么，上面的问题有解决办法吗？
【问题讨论】：
-
它其实并没有隐藏，如果你放大，你会看到光标在闪烁，它只是放大问题'
-
正如@Mr.Alien 所指出的，它只是一个缩放伪影。将级别更改为 .45 或 .47 即可解决此问题
-
@SW4 如果您对值进行硬编码，那么使用 scale 有什么意义，至少在我的情况下，我正在调整大小，因此 scale 值会发生变化
标签： javascript css firefox css-transforms