PNG圖像鏈接在IE8中損壞

我一直在本地網站上工作，使用Dreamweaver和最新版本的Bootstrap（v 2.3.2）創建網頁。我一直在不同的瀏覽器上測試它，並且所有其他瀏覽器（Chrome，Firefox和Safari）都能正常加載圖像。當我進入Internet Explorer 8時，我創建的一些PNG文件可以正確加載，而其他PNG文件根本無法加載。PNG圖像鏈接在IE8中損壞

下面是它的外觀在Chrome：
picture display in Chrome

下面是它的外觀在IE8：
picture display in IE8

我經歷了許多解決方案可讀取。第一個here，我進入開發工具並做了一個圖像報告。在報告中，如下所示，顯示它可以讀取ALT標籤，但似乎無法讀取或認爲圖像鏈接已損壞： image report in IE8

瞭解了這一點後，我試着找到更多的解決方案，包括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>

來源

2013-06-25 Abriel

發佈你實現圖像的代碼 – Huangism

@Huangism我添加了用於實現上面的圖像的代碼..但在以下情況下，這是其中的一個不工作： Office of the Vice Chancellor for Research – Abriel

This post幫助了很多！什麼幫助確保將圖像保存爲RGB 8位或16位。我通常默認爲16位，以提供更多顏色。

祝任何人尋找答案！

來源

2013-07-01 21:31:29 Abriel

PNG圖像鏈接在IE8中損壞

回答

相關問題