Javascript 模糊的图像？Chrome上没有模糊图像，仅在IE/FF上。。。为什么？

我一直在一个网站上工作，我广泛地使用了文本的图片作为样式和外观，而不是html/css固有的样式和外观。如你所见。。。如果图像中的文本有一点模糊，就很容易检测出来

一切都是超清晰的，在铬合金上工作良好。但是，在IE或FF上加载页面后，问题就会出现。我所有的图像都会变得永远模糊，即使它们会前后缩放等等。在当时，在我的大脑中，输入比必要的大一些的图片是有意义的，因为这样会更清晰。。。但我想我完全错了。希望一些大师能很快解决这个问题。提前谢谢

上下文的一些示例代码：

新注：

---

我发现，在调整窗口大小/缩放后，图像本身的刷新将在Chrome上自动工作，但在Firefox中并非如此。刚刚测试过。产生此问题的根本原因是什么？

此问题应在较新的浏览器版本中修复。

这与您的问题无关，但是为什么创建一个包含所有图像路径的数组却完全忽略它并手动声明每个图像？@shmiddy，因为我实际上是在使用预加载的大多数图像来实现图片幻灯片。我认为添加15-26的图像可以解决当时的模糊问题。但无论如何，我的理解是，我用数组来循环我的photoslide秀。但是，如果我没有错的话，声明图像部分实际上是预加载图像的部分，因为数组本身只是数据字符串而不是图像；image1.src=“Pictures/1greatwall.jpg”多次，而不是仅仅在你用所有这些值声明的数组上循环？很好。。。我只是从一个例子中复制了这个。。。请允许我发表评论。

            <div id="whiteBg">
            <img id="birdMain" src="Pictures/bird.png" alt="title"/>
            <img id="flowerMain1" src="Pictures/flower.png" alt="title"/>
            <img id="flowerMain2" src="Pictures/flower.png" alt="title"/>
            <img id="flowerMain3" src="Pictures/flower.png" alt="title"/>
            <img id="titleMain" src="Pictures/csaname.png" alt="title"/>
            <img id="csalogoMain" src="Pictures/csalogo.png" alt="asdf"/>
            </div>

    var images = new Array("Pictures/1greatwall.jpg", "Pictures/2spring-scrolls.jpg", "Pictures/3lily.jpg", "Pictures/4heavy-snow.jpg", "Pictures/5sunrise.jpg", "Pictures/6crane.jpg", "Pictures/7winding-road.jpg", "Pictures/8guqin.jpg", "Pictures/9sealflower.jpg", "Pictures/10pine.jpg", "Pictures/11huangshan.jpg", "Pictures/12dragon.jpg", "Pictures/13otters.jpg", "Pictures/1greatwall.jpg", "Pictures/14emei.jpg");
var imgNumber = 1;
var numberOfImg = images.length;
if (document.images) {

//loads slideshow picures
var image1 = new Image();
image1.src = "Pictures/1greatwall.jpg";
var image2 = new Image();
image2.src = "Pictures/2spring-scrolls.jpg";
var image3 = new Image();
image3.src = "Pictures/3lily.jpg";
var image4 = new Image();
image4.src = "Pictures/4heavy-snow.jpg";
var image5 = new Image();
image5.src = "Pictures/5sunrise.jpg";
var image6 = new Image();
image6.src = "Pictures/6crane.jpg";
var image7 = new Image();
image7.src = "Pictures/7winding-road.jpg";
var image8 = new Image();
image8.src = "Pictures/8guqin.jpg";
var image9 = new Image();
image9.src = "Pictures/9sealflower.jpg";
var image10 = new Image();
image10.src = "Pictures/10pine.jpg";
var image11 = new Image();
image11.src = "Pictures/11huangshan.jpg";
var image12 = new Image();
image12.src = "Pictures/12dragon.jpg";
var image13 = new Image();
image13.src = "Pictures/13otters.jpg";
var image14 = new Image();
image14.src = "Pictures/14emei.jpg";

//loads other essential background pictures...
var image15 = new Image();
image15.src = "Pictures/csalogo.jpg";
var image16 = new Image();
image16.src = "Pictures/bird.jpg";
var image17 = new Image();
image17.src = "Pictures/flower.jpg";
var image18 = new Image();
image18.src = "Pictures/csaname.jpg";
var image19 = new Image();
image19.src = "Pictures/seemorename.jpg";
var image20 = new Image();
image20.src = "Pictures/seemore.jpg";
var image21 = new Image();
image21.src = "Pictures/leftarrow.jpg";
var image22 = new Image();
image22.src = "Pictures/slideshowbutton.jpg";
var image23 = new Image();
image23.src = "Pictures/rightarrow.jpg";
var image24 = new Image();
image24.src = "Pictures/logo.jpg";
var image25 = new Image();
image25.src = "Pictures/menu.jpg";
var image26 = new Image();
image26.src = "Pictures/csa.jpg";
}