網站沒有在我的計算機上顯示

Question

我已經使用“媒體”和“共享”按鈕以及背景創建了一個簡單的介紹性網站。 在我的PC上，當我運行該站點時，它確實顯示了我想要的樣子，但是當我從站點的服務器（或JSFiddle）運行它時，第二個按鈕沒有出現。 映像在服務器上的正確位置。

#first {
  margin: 0 auto;
  margin-top: 5%;
  text-align: center;
}
#second {
  margin: 0 auto;
  margin-top: 10%;
  text-align: center;
}

https://jsfiddle.net/4cg2k722/1/-第二個按鈕沒有出現。 （在服務器上也這樣顯示） https://gyazo.com/6031a7b8c768120b8d7f4adb3e439e20-它在我的PC上的顯示方式。

我同時嘗試使用同一瀏覽器。

編輯：當您從網站上加載頁面時，一瞬間，您會看到一個已卸載圖像的圖標。 消失之前

Answer 1

您的HTML代碼中有一個錯字。 您在第二個<img>標記中缺少結束符" 。代碼應為<img src="http://i.imgur.com/4ZCrEHW.png"> 。

Answer 2

您似乎錯過了圖片的位置。 http：/asscave.co.uk/wallpaper.jpg無法到達； 其他2張圖片http://asscave.co.uk/media.png和http://asscave.co.uk/share.png相同 。 通過復制檢查鏈接，並將其分別粘貼到瀏覽器中。 如果它出現在您的瀏覽器中，則它也必須出現在您的網頁上。

嘗試像這樣改善您的CSS

html,body {
  width:100%;  
  height:100%; //no need to specify
  background-image:url(https://i.gyazo.com/6031a7b8c768120b8d7f4adb3e439e20.png)
  margin: 0 auto;
  text-align: center;
}
#first {
  //set the width and float it 
  margin-top: 5%;

}
#second {
  margin-top: 10%; //why 10px as margin-top?
  //set the width and float it
}