外鄉人日常
CSS
不要在 CSS 裡使用小數點

不要在 CSS 裡使用小數點

問題

擁有 Pixel之眼 的 designer 發現某些物件,在 hover 的時候,兩邊會出現淡淡淺淺的白色邊框

淡淡淺淺的白色邊框

解法

這個物件在 hover 之後做了很多事,改變寬度、內容、背景、前景等等,最後發現造成白邊的原因是改變了位置:位移 ( translateX ),而位移的數值是計算出來的百分比,所以造成了這個問題。

改用整數的 px 即可解決。

參考資料

用血和淚(其實是肝)獲得的教訓

Last updated on May 7, 2023