css背景图像没有显示路径问题

Question

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

＆＃13;

＆＃13;

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

＆＃13;

<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/) 

＆＃13;

＆＃13;

＆＃13;

Answer 1

您拥有非UTF-8空间，或 之后可能是background:。用正确的空间替换它。

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

第一个是我的文字。第二个是你的小提琴。

.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>

小提琴：http://jsfiddle.net/z9060o2j/