Javascript 以translate为中心时，模态中的文本模糊（-50%，-50%）；

我遇到模糊不清的文本（在chrome中），其中心是通过

transform:translate（-50%，-50%）

模式不能以像素为单位明确指定其宽度

以下是模态div的当前css：

#emod 
{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1000;
    display: none;
    background-color: #fff;
    -ms-transform: translate(-50.1%,-50.2%); /* IE 9 */
    -webkit-transform: translate(-50.1%,-50.2%); /* Safari */
    transform: translate(-50%,-50%); 
    box-sizing: border-box;
    padding: 20px 100px 100px 100px;
    background-color:White;
    overflow:auto;
    */
}

我已经阅读了所有现有的问题和建议，并尝试了解决这些问题的所有常见建议，每个建议都是单独的，也有一些组合，包括：

-webkit-transform: translate(-50.1%,-50.1%)
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transform: translateZ(0) scale(1.0, 1.0); /*this one causes div to not be centered anymore, but works*/

有没有办法克服这个问题？我读过一个javascript修复程序，它将十进制像素舍入为偶数，但找不到关于如何实现它的任何细节。我更喜欢css解决方案，但我很喜欢js解决方案

我在这个项目中也使用jQuery，因此jQuery解决方案也可以使用。
尝试添加字体平滑。这以前对我很有效

-webkit字体平滑：抗锯齿
 尝试添加字体平滑。这以前对我很有效

-webkit字体平滑：抗锯齿