CSS:变换:翻译(-50%,-50%)使文本模糊

我想中心我的div和我使用这种方法,但它使我的文本里面的div模糊:

 <!-- language: lang-css --> #div { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 

有什么办法可以让我的div居中?

    将这些样式添加到要翻译的元素块中以修复反锯齿,将Z轴转换为零值。

     -webkit-font-smoothing: subpixel-antialiased; -webkit-transform: translateZ(0) scale(1.0, 1.0);