1. 首頁
  2. 問答
  3. 防止模糊的文字和圖像

防止模糊的文字和圖像

2016-11-10 77 views
1

我的網站有模糊圖像的問題。我找到了一些解決方案，但只有防止模糊的文字和圖像

img{ 
    -webkit-transform: translate3d(0,0,0); 
    transform: translate3d(0,0,0); 
}

爲我工作。

當我應用這個CSS時，所有的圖像都顯示出來很好，但問題是，所有的文本都變得模糊。

有什麼辦法可以避免這種情況嗎？

來源

2016-11-10 Boky

+1

爲什麼圖像擺在首位模糊不清？ – Santi

+0

@Santi我不確定。我在幾個地方使用'transform：translateY（-50％）'。也許這就是原因。 – Boky

+0

你將不得不向我們展示一個例子。你能創造一個小提琴嗎？ – andi

回答

1

爲了阻止您的圖像模糊;確保它們具有高分辨率，如果您使用的是低分辨率圖像，它們會在您的網頁上顯示模糊，並確保您沒有聲明導致它們模糊的寬度和高度。爲了在瀏覽器中顯示更平滑/更少模糊的字體，請嘗試以下操作;

-webkit-font-smoothing: antialiased; //webkit browsers 
-moz-osx-font-smoothing: grayscale; //firefox/opera 
text-rendering: optimizeLegibility; //all other browsers

來源

2016-11-10 15:14:35

1

嘗試也在使用transform: translateY(-51%)

來源

2016-11-10 15:26:29 Federico

相關問題

 相關問題