我注意到Firefox v34(可能还有其他版本)渲染缩放图像的怪癖。据我所知,这种怪癖只有在页面上多次显示相同的图像时才会发生,并且当它们中的至少一个被缩放时。
在这种情况下,与渲染单个图像相比,图像质量会受到很大影响。
您可以通过运行以下代码段来查看此怪癖。最初,两个图像都呈现得很差。但是,如果你点击其中一个,它将被隐藏,另一个图像的质量将大大提高。
有人知道导致此行为的原因,以及是否有已知的解决方法?
img {
width: 125px;
}
<img src="http://www.tau.ac.il/~tsirel/dump/Static/knowino.org/w/images/thumb/5/50/Periodic_table.PNG/800px-Periodic_table.PNG" onclick="this.style.display='none';"/>
<img src="http://www.tau.ac.il/~tsirel/dump/Static/knowino.org/w/images/thumb/5/50/Periodic_table.PNG/800px-Periodic_table.PNG" onclick="this.style.display='none';"/>