背景图像更改为外部图像链接不起作用

Question

<div class="flipbook-viewport">
<div class="container">
<div class="flipbook">
<div style="background-image:url("https://example.com/images/lareg/1.JPG")"></div>
<div style="background-image:url(pages/2.jpg)"></div>
<div style="background-image:url(pages/3.jpg)"></div>
<div style="background-image:url(pages/4.jpg)"></div>
<div style="background-image:url(pages/5.jpg)"></div>
<div style="background-image:url(pages/6.jpg)"></div>
<div style="background-image:url(pages/7.jpg)"></div>
<div style="background-image:url(pages/8.jpg)"></div>
<div style="background-image:url(pages/9.jpg)"></div>
<div style="background-image:url(pages/10.jpg)"></div>
<div style="background-image:url(pages/11.jpg)"></div>
<div style="background-image:url(pages/12.jpg)"></div>
</div>
</div>
</div>

如何将本地图像更改为外部图像？我将路径更改为"；链接"；但不起作用。代码错了吗？

Answer 1

对链接字符串使用单引号

<div style="background-image:url('http://codeskulptor-assets.commondatastorage.googleapis.com/assets_clock_background.png')"></div>

此外，请确保您的图像是有效的链接

编辑

此外，你还需要我的@Julius Guevarra 提到的高度和宽度

Answer 2

必须为div指定宽度和高度

<div style="background-image:url(https://example.com/images/lareg/1.JPG); width: 300px; height: 300px;">