pngs爲IE瀏覽器，所有其他瀏覽器的jpgs？

Question

我有幾個正在用PNG蒙版的jpgs來創建最終的「jpgs with alpha channels」。這是在所有的瀏覽器，除了當然，IE。

我真的很喜歡使用jpg作爲png的文件大小是4-5倍大。

我該如何最好地將「.jpg」換成IE的「.png」？我知道我可以在同一div中使用2張圖片，並使用IE特定的樣式表在css中切換它們的顯示屬性，但AFAIK這意味着在所有瀏覽器中這兩個圖片都會加載，這意味着加載時間會變得更糟。

我很高興使用javascript/jquery。任何真正使它工作的東西！是否可以簡單地交換IE的文件擴展名？

MTIA :-)

Answer 1

你可以使用IE's conditional comments發送稍有不同的標記（例如，不同的img標籤）IE瀏覽器與其他瀏覽器。例如： -

<!--[if IE]> 
<img src="foo"> 
<![endif]--> 
<![if !IE]> 
<img src="bar"> 
<![endif]> 

...它發送的「富」的形象IE和「酒吧」的形象一切。

這回答了您實際詢問的有關將不同文件提供給瀏覽器的問題。但我不禁認爲有更好的方法來解決潛在的問題。我不太明白你對圖片做了什麼，但是如果你發佈了一個單獨的問題，說明你在做什麼，並要求解決方案（可能或不可能向IE發送不同的文件類型），希望人們可以提供幫助。