Question

HTML：

<div id="banner">
  <h1>My Page</h1>
  <p>This is the important line everyone reads..</p>
  <a href="#">Enroll</a>
</div>

的CSS：

#banner{
  background-image: url('https://usplash.it/1000/600/?random');/*problem is here*/
  padding: 150px 0;
  text-align: center;
  background-size:cover;
  color: white;
}

background-image：url（＆＃39; https://usplash.it/1000/600/?random＆＃39;）

这不显示任何图像。不仅适用于此链接，还适用于所有其他链接。

只有在下载图像并将路径作为链接给出时，它才有效。

Answer 1

似乎你的链接失败是原因。这一项工作

＆＃13;

<div id="banner">
  <h1>My Page</h1>
  <p>This is the important line everyone reads..</p>
  <a href="#">Enroll</a>
</div>

＆＃13;

File f = new File(Uri.parse(mCurrentPhotoPath).toString());

＆＃13;

Answer 2

.w {
  background-image:
    url('https://wallpaperbrowse.com/media/images/soap-bubble-1958650_960_720.jpg');
}

<button class="w drum">w</button>

我一直在尝试使用Atom编辑器为我的网站创建背景图片，但该图片一直没有运行，但是我们应该在HTML文件中内联使用它，它将可以使用，我想在HTML上使用它文件。我想使文件彼此分开。请帮助我。

background-image：url（）;不工作

2 个答案: