使用codepen时有没有添加背景图片？答案

【问题标题】：Is there anyway to add background images when using code pen?使用codepen时有没有添加背景图片？
【发布时间】：2017-05-20 20:36:19
【问题描述】：

我正在尝试将图像设置为背景，但因为它是基于浏览器的编辑器，所以我不能只链接照片，因为它们没有保存在一起。

       <body>
        <div id="backG"> <img src="(image link. i didnt add the link here as it is very long) " alt="concert stadium"> 
     </div>
     <div id="mainPage">

  <div id="navBar">
     <div id="Logo">
        <h1 style="font-weight:bold;"> Ice Arena  
        </h1>
     </div>
     <ul>
        <li style="color:#ffe700;">
           Home
        </li>
        <li>
           Gallery
        </li>
        <li>
           Order Form
        </li>
        <li>
           The Arena
        </li>
        <li>
           Contact Us
           </li>
     <    /ul>
      </div>


   </div>

 </body>#

这是照片的 CSS。

   #backG{
  diplay:block;
  border:0;

    }

【问题讨论】：

没有图像 URL 的代码是毫无用处的。这是唯一相关的信息。
哦，抱歉，这里是“google.co.uk/…”
您是否尝试过直接在浏览器中打开该链接？这根本不是图像。
该死的。抱歉。我只是从谷歌图片中复制链接地址，而不是复制图片地址。我的坏

标签： html css image

【解决方案1】：

免费 Codepen 不允许您托管自己的图像，因此您必须将它们上传到其他地方并链接到它们。很多人使用dropbox 或imgur 为了这。希望这会有所帮助！

【讨论】：

我试过这样做，但没有奏效。我不知道我做错了什么。不适将代码广告到原始帖子
我的 codepen 示例是否符合您想要实现的目标？ codepen.io/alessi42/pen/dWQpGQ
是的。但是由于某种原因，当我使用相同的代码但使用我的图像时，无论是原始图像还是来自 imgur。它不起作用，只是想出了替代文字
你能提供图片的链接吗？原创或来自 imgur