2012-04-11 98 views
5

我正在爲這些更高分辨率的顯示器(特別是新iPad)優化我的網站。我按照自己想要的方式對網站進行了格式化,我只是增加了每張圖片的分辨率,但仍然將其限制在我目前擁有的DIV中。例如,我有一個分辨率爲483x246的圖像,並且它適合一個尺寸爲188x96的DIV。高分辨率圖像IE瀏覽器呈現

的圖像在Chrome,火狐在新iPad很好看,最重要的。即使放大它的漂亮和清晰(相對於我的老188x96圖像放大時,看上去模糊和像素化)

的問題出現時,我在IE中打開網頁。它以正確的尺寸顯示圖像,但是鋸齒狀。請參閱下面的比較鏈接。我知道這是一個與IE瀏覽器調整大小和呈現圖片的方式相關的問題。

我的問題是,有沒有辦法讓IE很好的顯示圖片?如果沒有,我可以放入代碼的方式,以便如果它檢測到IE瀏覽器,它會顯示我舊的低分辨率圖像?我到處尋找,但沒有發現任何與我的具體問題有關的事情。我知道這是一個小例子,但我的大圖像做同樣的事情,更明顯。我希望你們都能幫忙。謝謝。 :)

比較: enter image description here

回答

3

你試過把這個在你的CSS?

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

還有這個https://github.com/adamdbradley/foresight.js這看起來很有趣

確保IE9不兼容模式或IE7/8模式...... IE9 Mode

+0

謝謝!這工作,但早期版本的IE瀏覽器。 IE 9仍然顯示參差不齊的圖像。 :(哦,好吧,我必須看看那個腳本,看起來真的很有趣,再次感謝, – djcloud23 2012-04-11 21:36:27

+0

你介意給我一個這個例子的鏈接嗎?我確定我們可以解決這個問題......還有你檢查你的IE9是不是在IE7或IE8模式?點擊F12然後點擊它說的瀏覽器模式:IE ... – hcharge 2012-04-12 08:07:34

0

這happends如果因爲使用BitmapData實際呈現在IE瀏覽器完全不同的原因,IE瀏覽器的事情是「切」走像素在一組比,每一樣5個像素,它將一個像素拉開,因此看起來像沒有找到某些梯度屬性。

沒有什麼可以做這個,除了保持寬高比集,但我想你已經知道,自己已經