在IE8中顯示的圖像周圍的幻影「邊框」

我有一行包含在一個div中的圖像。這些圖像是單字文本的jpg圖像（例如用戶點擊以導航到不同頁面的「Home」）。當我在ie8上運行該網站時，在這些圖像的右下角出現一個小橫向短劃線。這個短劃線是活躍的，如果我點擊它，它激活附加到圖像的動作（即下一頁出現）。因此，它顯然是圖像的一部分。在IE8中顯示的圖像周圍的幻影「邊框」

奇怪的部分是圖像文件本身沒有任何邊框，它是白色背景上的文本，其餘的99％的邊界是「乾淨的」（即沒有幻影邊框顯示），它只是底邊的最右端顯示這個短劃線

當我在Firefox中運行網站時，一切正常（沒有短劃線）。我讀了一些關於ie的錯誤，但我沒有看到這列在ie8中。我使用了clearfix，但它沒有做任何事情。

這裏是相關的代碼。它在發生問題的div id NavButtons中：

謝謝！

<style type="text/css"> 

     .LeftIndent 
     { 
      left: 415px; 
      position: relative; 
     } 

     #Tagline 
     { 
      float: left; 
      width: 433px; 
     } 


     #Body 
     { 
      float: left; 
      width: 732px; 
     } 

     #TotalPage 
     {  
      width: 1280px; 
      margin-left: auto; 
      margin-right: auto; 
      border-left-style: solid; 
      border-left-color: #5E91A8; 
      border-left-width: 15px; 
      border-right-color: #5E91A8; 
      border-right-width: 15px; 
      border-right-style: solid; 
     } 
     </style>

<div id="TotalPage"> 
    <div> 
     <img src="../Images/Header.jpg" alt="Image Missing" id="ImgBanner" align="left"/> 
    </div> 

    <div id="GrDash1"> 
     <img src="../Images/GreenSeparator.jpg" alt="Image Missing" /> 
    </div> 

    <div id="NavButtons"> 
     <div class="LeftIndent"> 
      <asp:ContentPlaceHolder ID="NavHome" runat="server"> 
      </asp:ContentPlaceHolder> 

      <img src="../Images/VerticalDash.jpg" alt="Image Missing" /> 

      <asp:ContentPlaceHolder ID="NavCap" runat="server"> 
      </asp:ContentPlaceHolder> 

      <img src="../Images/VerticalDash.jpg" alt="Image Missing" /> 

      <asp:ContentPlaceHolder ID="NavBel" runat="server"> 
      </asp:ContentPlaceHolder> 

      <img src="../Images/VerticalDash.jpg" alt="Image Missing" /> 

      <asp:ContentPlaceHolder ID="NavBio" runat="server"> 
      </asp:ContentPlaceHolder> 

      <img src="../Images/VerticalDash.jpg" alt="Image Missing" /> 

      <asp:ContentPlaceHolder ID="NavExp" runat="server"> 
      </asp:ContentPlaceHolder> 

      <img src="../Images/VerticalDash.jpg" alt="Image Missing" /> 

      <asp:ContentPlaceHolder ID="NavCon" runat="server"> 
      </asp:ContentPlaceHolder> 
     </div> 
    </div>    

    <div id="GrDash2"> 
     <img src="../Images/GreenSeparator.jpg" alt="Image Missing" /> 
    </div> 

    <div> 
     <div id="Tagline" > 
      <img src="../Images/Tagline.jpg" alt="Image Missing" style="margin-top: 0px" /> 
     </div> 
     <div id="Body"> 
      <asp:ContentPlaceHolder ID="BodyText" runat="server"> 
      </asp:ContentPlaceHolder> 
     </div> 
    </div> 

    <div> 
     <img src="../Images/CopyrightFooter.jpg" alt="Image Missing" style="margin-top: 10px" /> 
    </div> 

</div>

來源

2010-04-29 Randy

你試過圍繞各< IMG/>標記，也是一個</>標籤內刪除空格？我知道這聽起來很愚蠢，但它肯定會在IE6中修復它。

我沒有IE8手來測試我的問題（這是你所描述的），但我發現這個問題，同時在尋找一個比我在這裏提出的那個更簡單的解決方案。

來源

2011-01-17 10:47:11

在IE8中顯示的圖像周圍的幻影「邊框」

回答

相關問題