所以我有这个非常丑陋的窗口,以屏幕为中心的CSS：@H_301_3@

.popup
{
   position: fixed;
   top: 0;
   bottom: 0;

   transform: translate(-50%,-50%);
}

不过,Chrome看起来像这样(字体看起来真的很模糊)：@H_301_3@

@H_301_3@

但是就像Firefox这样：@H_301_3@

@H_301_3@

当我删除转换规则时,文本再次看起来不错,但是它不再正确地居中.@H_301_3@

当我去chrome：//标志并执行#disable-direct-write它看起来更好,但用户显然不会这样做,它不能解决问题.@H_301_3@

当窗口居中的时候,我怎么能使我的字体看起来不错@H_301_3@

我的Chrome版本是44.0.2403.155@H_301_3@

我有一个使用WebGL渲染在背景画布上的three.js演示.当我禁用演示,问题不再发生.@H_301_3@

JSFiddle with the background.@H_301_3@

JSFiddle without the background.@H_301_3@