
移除 CSS Blur 白邊框
這是一張正常背景
這是一張加了 filter: blur(20px);
的背景圖,可以看到邊邊泛白,很醜
有一個作法是在上一層 DIV 另外加一層一模一樣的背景
BUT,這實在太麻煩
這時候只要在同一層加上
transform: scale(1.2);
把背景拉大就好囉!
效果
這是一張正常背景
這是一張加了 filter: blur(20px);
的背景圖,可以看到邊邊泛白,很醜
有一個作法是在上一層 DIV 另外加一層一模一樣的背景
BUT,這實在太麻煩
這時候只要在同一層加上
transform: scale(1.2);
把背景拉大就好囉!
效果
在手機解析度下,版面會呈現這樣
看了一下CSS,沒找到什麼可疑的兇手,把 Noto Sans TC 字體關掉之後就恢復了
但我就是要用 web font 啊
把原本的 font-family:'Noto Sans TC', Arial,sans-serif;
加入第一個內建指定字型
font-family: Arial,'Noto Sans TC', Arial,sans-serif;
這樣就搞定收工囉!
近期留言