通過?transform:translate(X,Y)?偏移元素達到定位的效果，但是相繼出現(xiàn)的是，如果元素內(nèi)部有字體的話，會出現(xiàn)模糊的問題

1.給字體加多一個父級

原本字體的父級為列子中的popup-box，我們可以看到該父級是參與定位偏移的，所以才會影響到里面的字體，因此我們讓字體套多一層父級即可

2.元素寬高值設(shè)為偶數(shù)

當(dāng)字體的父級元素盒子寬高給定偶數(shù)時，此時是不會出現(xiàn)模糊的，若其一為奇數(shù)則出現(xiàn)模糊的情況

3.給translate的Y值偏移設(shè)為絕對單位

直接給translate的Y軸偏移設(shè)為絕對單位，此時也是不會模糊的，此時不管你元素高度是奇數(shù)還是偶數(shù)? ? ? ? ? ? ? ? ? ?transform: translate(-50%,-201px);