CSS背景图像未显示不是路径问题[重复]答案

【问题标题】：css background image not showing not a path issue [duplicate]CSS背景图像未显示不是路径问题[重复]
【发布时间】：2016-01-09 04:32:16
【问题描述】：

大多数相关问题似乎都与路径有关，但外部链接和不使用样式表仍然无法正常工作。使用与代码位于同一文件夹中的图像也不起作用。 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/)

【问题讨论】：

我不同意这是一个重复的问题，答案与多个问题相关

标签： css background background-image

【解决方案1】：

您有一个非UTF-8 空格，或者可能是background: 之后的&nbsp;。用正确的空格替换它。

请使用 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/

【讨论】：

太好了——有没有办法在不检查 DOM 的情况下找到这些？在文本编辑器或其他编程工具或验证中无法搜索到的任何内容？我想知道这是否就是 codebeautify 验证它但 w3.org 给出奇怪错误的原因。由于未知原因 \0a 和变体在我的代码中的 :before {content : css 中不起作用，但在我的示例中的 css 中，不需要空间，所以我只是删除了它。