2015-10-30 85 views
0

在我的模板,我的IMG的CSS包含以下幾行代碼:IE中圖像質量下降?

img{ 
    max-width: 100%; 
    height: auto; 
} 

每當我把我的DIV的一個內部的圖像或設置寬度的標籤,適當地將圖像縮小並修改自己的CSS中。

但是,在IE(不是Chrome或Firefox)中,圖像在自動調整後變爲像素化。

我四處尋找解決方案,但沒有任何工作對我有利。

回答

0

IE的圖像渲染不是最大的。嘗試添加此:

img { 
    -ms-interpolation-mode: bicubic; 
} 

Source

+0

不幸的是,我已經試過了,包括它自己的img標籤的CSS後添加。我仍然像素化。 – Nate

+0

你還可以在你的'img' CSS中加入'width:auto',看看它是否做了什麼? –

+0

我將width:auto添加到了css標籤,並且它沒有做任何事情......如果是任何東西,主要修正是在調整後使用PNG。這就是我最看到的問題。邊緣像素化,不像您在Firefox和Chrome中獲得的平滑紋理。 – Nate