html - CSS 中的背景 url() 不显示图像，但 html 中的 使它出现？

Question

我有一个带有内联样式的 html 文档:这是:

https://gist.github.com/anonymous/f80e5e22d4148f218a2d

当我尝试使用 Background url() 应用图像时，图像没有显示。即使我尝试在路径的“图像”文件夹之前添加“../”，或者当我在椭圆括号内的路径的开头和结尾插入“''”时也是如此。

文件夹结构如下:index.html 与另外两个文件夹“stylesheets”和“images”一起驻留。 “stylesheets”文件夹中的内容是 html5 样板框架附带的默认文件夹，它的样式表将合并到 html 文档的内联样式中。在“图像”文件夹中，现在只有一个名为“logo.jpg”的文件。当我尝试通过提供“ Logo ”类 background:url() 将图像添加为背景时，图像不想显示在 Mozilla firefox 和其他浏览器中。但是，当我将“src”属性添加到 html 文档内的标记并以与 CSS 样式中完全相同的方式指定路径时，图像就会出现。有人可以向我解释为什么当我尝试通过 CSS 添加图像时图像不显示吗？

Answer 1

顺便问一下...如果它没有 src 属性，浏览器是否会渲染高度和宽度？

并且不要使用 img 标签，但如果您不使用 src 属性，则使用另一个标签...然后应用 css 背景。同样的事情就像

<a class="foo" target="_blank">link</a>

如果它没有 href 属性，则该元素无效，有时您会遇到奇怪的行为。