Question

我已经为我的网站创建了一个简单的介绍网站，只需使用“媒体”和“分享”按钮以及背景。在我的电脑上，当我运行网站时，它显示我想要的方式，但是当我从我的网站的服务器（或JSFiddle）运行时，第二个按钮不会出现。图像位于服务器上的正确位置。

  $scope.clicked = function(amount) {
      StripeService.open(amount);
  };

https://jsfiddle.net/4cg2k722/1/ - 未显示第二个按钮。（在服务器上也显示如此） https://gyazo.com/6031a7b8c768120b8d7f4adb3e439e20 - 它在我的电脑上的显示方式。

当我尝试这两种浏览器时，我使用相同的浏览器。

编辑：当您从网站加载页面时，只需一瞬间即可看到已卸载图像的图标。在消失之前。

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
}

网站没有出现在我的计算机上

2 个答案: