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发送不同的文件类型），希望人们可以提供帮助。