PNG图像链接在IE8中断开

Question

我一直在本地工作，使用Dreamweaver创建网页，并使用最新版本的Bootstrap（v 2.3.2）。我一直在不同的浏览器中测试它，图像似乎在所有其他浏览器（Chrome，Firefox和Safari）中正确加载。当我进入Internet Explorer 8时，我创建的一些PNG文件正确加载而其他文件根本没有加载。

以下是Chrome浏览器的外观：

以下是它在IE8中的表现：

我通读了许多解决方案。第一个here，我进入了Developer工具并进行了图像报告。在报告中，如下所示，它显示它可以读取ALT标记，但似乎无法读取或认为图像链接已损坏：

知道了这一点，我尝试了一个更加深入的解决方案，包括this post。考虑到它可能是图片的创建方式，我尝试了多种创建图像的方法（包括在Photoshop中将文件格式更改为RGB 8位，并将矢量图像从Illustrator复制/粘贴到Photoshop）然后删除每次我修改图像并重新启动浏览器时，浏览器缓存。它似乎都没有用！

我想知道是否还有其他可能尝试的东西？

我正在插入这些图像的代码是通过HTML：

<div class="span4">

                <div id="applicationInfo">
                        <p>Application #:<br />
                        PI: <br />
                        Status: <br />
                        Disposition:
                        </p>
                  </div>

            <ul>
                <li><a href="#">PI / CoPI Information</a><img src="images/incomplete.png" /></li>
                <li><a href="#">Project Information</a></li>
                <li><a href="#">Funding Information</a></li>
                <li><a href="#">Proposal Summary</a><img src="images/complete.png" /></li>
                <li><a href="#">Proposal Narrative</a></li>
                <li class="current"><a href="#">Current Research Summary</a><img src="images/complete.png" /></li>
                <li><a href="#">Budget</a></li>
                <li><a href="#">Publications List</a></li>
                <li><a href="#">Supplemental Information</a></li>
                <li><a href="#">Save <span class="small">(without submitting)</span></a></li>
                <li><a href="#">Submit</a></li>
            </ul>
         </div>

Answer 1

This post帮了很多忙！有助于确保将图像保存为RGB 8位或16位RGB。我通常将其默认为16位以提供更多颜色。

祝所有寻求这个答案的人好运！