PNG圖像不顯示

我目前正在使用引導程序摺疊導航來查看手機上的網站。我想從頁面頂部隱藏自己的徽標，並使用我的切換按鈕將其內聯，以節省一些屏幕空間。當我嘗試將我的圖像放入導航欄中時，它似乎不顯示，所有顯示的都是我的ALT文本。這是我目前使用的代碼。PNG圖像不顯示

<div class="row"> 
     <div class="col-md-12"> 
      <nav id="menu1" class="navbar navbar-default" role="navigation"> 
       <div class="navbar-header"> 
        <div id="logo" class="pull-left hidden-md hidden-lg"> 
          <div class="img-responsive logo-small"> 
           <img src="images/logo-xs.png" alt="small-logo"/> 
         </div> 
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
         <span class="sr-only">Toggle navigation</span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </button> 
       </div> 
       <?php wp_nav_menu(array('theme_location' => 'main-menu', 
             'depth' => 2, 
              'container_class' => 'collapse navbar-collapse', 
             'menu_class' => 'nav nav-pills nav-justified', 
             'walker' => new wp_bootstrap_navwalker())); ?> 

      </nav> 
     </div>

來源

2014-10-10 pocockn

當您的ALT標記顯示，但圖像不是，這可能意味着您的路徑/圖像名稱是錯誤的。 – 2014-10-10 10:41:26

首先，你有沒有指定正確的圖像路徑？你可以右鍵單擊圖像的位置並在瀏覽器調試器中查看它（檢查chrome中的元素..），嘗試在元素查看器中右鍵單擊URL並選擇「在新選項卡中打開」來打開圖像，也可以使用資源查看器來查看圖像是否已正確加載）（雖然這可能不是問題，但試用起來相當快） – Snellface 2014-10-10 10:41:45

我使用括號，當我將鼠標懸停在鏈接路徑上時，它會顯示圖像我想顯示，所以我很肯定圖像路徑是正確的，謝謝 – pocockn 2014-10-10 10:45:03

嘗試使用Chrome開發工具找到圖像的網絡請求。

Chrome Dev Tools, network tab

來源

2014-10-10 10:52:18 Gustav

好像你缺少一個右</div>標籤。我想它應該在<button>

來源

2014-10-10 10:43:18 Gustav

對不起，我只是沒有把它放在它後面，我的最後一個div關閉行。謝謝 – pocockn 2014-10-10 10:49:58

你缺少一個右「分區」標籤。因爲在「nav」標籤部分之間打開三個「div」但關閉兩個「div」標籤。

來源

2014-10-10 11:17:32 dharmveer

PNG圖像不顯示

回答

相關問題