1

我一直在本地开发一个网站，使用 Dreamweaver 和最新版本的Bootstrap (v 2.3.2) 创建网页。我一直在不同的浏览器中对其进行测试，并且图像似乎在所有其他浏览器（Chrome、Firefox 和 Safari）中都能正确加载。当我进入 Internet Explorer 8 时，我创建的一些 PNG 文件可以正确加载，而另一些则根本无法加载。

这是它在 Chrome 中的外观：
Chrome中的图片显示

这是它在 IE8 中的外观：
IE8中的图片显示

我阅读了许多解决方案。第一个在这里，我进入开发者工具并做了一个图像报告。在报告中，如下所示，显示它可以读取 ALT 标签，但似乎无法读取或认为图像链接已损坏： IE8中的图像报告

知道了这一点，我试图找到一个更深入的解决方案，包括这篇文章。认为这可能是图片的创建方式，我尝试了多种创建图像的方法（包括在 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>
4

1 回答 1

0

这篇文章帮助很大！帮助确保将图像保存为 RGB 8 位或 16 位。我通常将其默认为 16 位以提供更多颜色。

祝所有寻找此答案的人好运！

于 2013-07-01T21:31:29.840 回答