URL可以正常用作IMG SRC，但不能用作DIV的背景图像

Question

为什么下面的HTML和CSS不会显示带有DIV的{​​{1}}？相同的网址与background-image元素的SRC一样正常。 https://jsfiddle.net/52ft1erg/1/

IMG

Answer 1

原来问题是“<style> img, div { height: 100px; width: 100px} div { background-image: url (https://www.wikipedia.org/portal/wikipedia.org/assets/img/Wikipedia_wordmark@2x.png) } </style> <div>This is a DIV</div> This is an IMG: <img src="https://www.wikipedia.org/portal/wikipedia.org/assets/img/Wikipedia_wordmark@2x.png" /> ”之后的空格。 Arrrgh。 url无效，url (https://...会有效。

在我意识到我的（愚蠢）错误之前，我浪费了20分钟。

我看了一会儿，看看这是否重复，虽然还有其他几个原因导致url(https://...失败而background-image成功（例如文件名中的空格，缺少元素的高度/宽度，浏览器差异等）我找不到这个特定的根本原因。因此，在StackOverflow上作为Q＆amp; A共享，以防止其他人浪费他们的时间。