徽標不會出現在引導程序導航欄上

我正在練習引導程序，並且在顯示徽標時無法顯示它。你能看看並解釋發生了什麼嗎？徽標不會出現在引導程序導航欄上

的HTML5：

<!DOCTYPE html> 
<html class="responsive"> 
    <head> 
     <title>Whatcha Cravin? | Home</title> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     <meta charset="utf-8"> 
     <link rel="stylesheet" href="assets\css\style.css" type="text/css"> 
     <link rel="stylesheet" href="assets\css\bootstrap.css" type="text/css"> 
     <link rel="stylesheet" href="assets\css\bootstrap.min.css" type="text/css"> 
    </head> 
    <body> 
    <!-- Navbar --> 
     <nav class="nav"> 
      <div class="container"> 
       <div class="pull-left"> 
        <a href="#"> 
         <img href="assets/images/Logo_Transparent_Backround.PNG" class="image-responsive"> 
        </a> 
       </div> 
       <ul class="list-inline pull-right"> 
        <li class="list-unstyled"><a href="#" class="home">Home</a></li> 
        <li class="list-unstyled"><a href="#" class="menu">Our menu</a></li> 
        <li class="list-unstyled"><a href="#" class="about">About Us</a></li> 
        <li class="list-unstyled"><a href="#" class="contact">Contact Us</a></li> 
       </ul> 
      </div> 
      <div class="jumbotron"/> 
     </nav> 
    <!-- /Navbar --> 

    </body> 
</html>

這是我不明白，也許我的CSS是不正確的？

.nav li a{ 
    color: #000; 
    font-size: 15px; 
    font-weight: bold; 
    padding:14px 10px; 
    text-transform: uppercase; 
} 
.jumbotron{ 
    background-image:url(../images/image1-3-edited_1.jpg); 
    background-repeat:no-repeat; 
    background-size:cover; 
    height:599px; 
    margin-top:3px; 
    width:100%; 
} 
.nav li a:hover{ 
    background-color:#b23739; 
    color:#fff; 
} 
.nav{ 
    margin-top:10px; 
    width:100%; 
} 
.logo{ 
    height:100px; 
    width:200px; 
    margin-top:-100px; 
    overflow:none; 
} 
.list-inline{ 
    vertical-align:auto; 
}

來源

2015-03-13 Siyabonga Ridge Ngcobo

路徑可能不會被分配到標誌嘗試在瀏覽器中調試。看看你是否有任何控制檯錯誤？ – 2015-03-13 09:43:42

將href更改爲img標籤中的src。

來源

2015-03-13 09:47:09

非常感謝。有效！我無法相信我從來沒有注意到那個。 – 2015-03-13 10:36:40

當調用需要使用

<img src="someImage.jpg" alt="" />

我已經改變了代碼在這裏小提琴的圖像是更新

http://jsfiddle.net/ccedgLqy/

<body> 
<!-- Navbar --> 
    <nav class="nav"> 
     <div class="container"> 
      <div class="pull-left"> 
       <a href="#"> 
        <img src="http://www.xbox.com/shell/images/shell/XboxLogo.png" class="image-responsive"> 
       </a> 
      </div> 
      <ul class="list-inline pull-right"> 
       <li class="list-unstyled"><a href="#" class="home">Home</a></li> 
       <li class="list-unstyled"><a href="#" class="menu">Our menu</a></li> 
       <li class="list-unstyled"><a href="#" class="about">About Us</a></li> 
       <li class="list-unstyled"><a href="#" class="contact">Contact Us</a></li> 
      </ul> 
     </div> 
     <div class="jumbotron"/> 
    </nav> 
<!-- /Navbar --> 

</body> 

.nav li a{ 
color: #000; 
font-size: 15px; 
font-weight: bold; 
padding:14px 10px; 
text-transform: uppercase; 
} 
.jumbotron{ 
    background-image:url(../images/image1-3-edited_1.jpg); 
    background-repeat:no-repeat; 
    background-size:cover; 
    height:599px; 
    margin-top:3px; 
    width:100%; 
} 
.nav li a:hover{ 
background-color:#b23739; 
color:#fff; 
} 
.nav{ 
margin-top:10px; 
width:100%; 
} 
.logo{ 
    height:100px; 
    width:200px; 
    margin-top:-100px; 
    overflow:none; 
} 
.list-inline{ 
    vertical-align:auto; 
}

來源

2015-03-13 10:02:42 josh

徽標不會出現在引導程序導航欄上

回答

相關問題