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

1.給字體加多一個(gè)父級(jí)

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

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

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

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

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