Question

不会显示背景图片。它将显示为img src。那么如何将背景图像称为

<body>
<div id="page" style="background- image:url(https://storage.blob.core.windows.net/name/image.png)">

Answer 1

风格是

背景图像

不是背景图片

你指的是一个'https'链接，根本不会返回任何图片（我尝试了你的链接，它给出了一个错误）

修改

https意味着您访问的网址已被保密，这意味着您无法登录而无法访问其内容。因此，您想要访问的图片是安全的。如果您登录，您可以看到它，您的访客不会因为无法访问它。

如果您想要将图片作为背景，请将其链接到您的网站

background-image:url(images/bg.jpg); width:100%; height:100%;

从没有https的网站上获取网址

我建议您使用谷歌图片或wallbase.cc，这也是一个很好的作为一个小建议，我可以给你：

background-image:url(YOUR URL HERE); background-size:cover;

如果您更改窗口的宽度和高度，背景尺寸：封面将使您的背景始终尺寸合适，非常适合较小/较大的屏幕

Answer 2

发现了2个问题：

background -image不能用作CSS。正确的属性是background-image（没有空格）;
空白div中的背景图片永远不会显示任何背景 - 您需要 1）添加一些内容或 2）设置div的大小。

因此，正确的做法是：

<强> HTML

<div id="page"></div>

<强> CSS

#page {
    background-image: url('http://gianlucaguarini.com/canvas-experiments/jQuery.BlackAndWhite/files/big-img.jpg');
    width: 800px;
    height: 533px;
}

JSFiddle

如何将背景图像称为<img src=""/>

2 个答案:

发现了2个问题：