css 背景图片不显示不是路径问题

Question

大多数相关问题似乎都与路径有关，但外部链接和不使用样式表仍然无法正常工作。在与代码相同的文件夹中使用图像也不起作用。 CSS 在 codebeautify 上验证。

.logo { background: url("http://findicons.com/files/icons/1620/crystal_project/128/keditbookmarks.png") left center no-repeat; background-size: 50% 50%; width: 100px; }

<div class="logo">some text</div>
<div>random stuff before <span class="logo">star</span><br>
    empty span <span class="logo"> &nbsp;&nbsp;&nbsp;</span>after<BR>
    <img src="http://findicons.com/files/icons/1620/crystal_project/128/keditbookmarks.png"/></div>

[jsfiddle](http://jsfiddle.net/Mousey/uhcpcy7k/)

Answer 1

您有一个 非 UTF-8 space 或者可能是 background: 之后的  。替换为正确的 space.

请使用 Chrome 查看 encodeURIComponent 的以下输出：

第一个是我的文字。第二个是你的，来自 fiddle.

.logo {
  background: url("http://findicons.com/files/icons/1620/crystal_project/128/keditbookmarks.png") left center no-repeat;
  background-size: 50% 50%;
  width: 100px;
  height: 100px;
}

<div class="logo">some text</div>
<div>random stuff before <span class="logo">star</span>
  <br>empty span <span class="logo"> &nbsp;&nbsp;&nbsp;</span>after
  <BR>
  <img src="http://findicons.com/files/icons/1620/crystal_project/128/keditbookmarks.png" />
</div>

Fiddle: http://jsfiddle.net/z9060o2j/

css 背景图片不显示不是路径问题

css background image not showing not a path issue

css

background

background-image