Question

我有一个带有内联样式的html文档：在这里：

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

当我尝试使用Background url（）应用图像时，图像不显示。即使我尝试添加＆＃39; ../'在路径的图像之前＆＃39;文件夹或插入＆＃34; ＆＃39;＆＃39; ＆＃34;在椭圆括号内的路径的开头和结尾。

文件夹结构如下：index.html驻留在另外两个文件夹＆＃39;样式表＆＃39;和＆＃39;图像＆＃39;。来自＆＃39;样式表的内容＆＃39;文件夹是骨架html5样板文件附带的默认文件夹，它的样式表将合并为html文档的内联样式。内部＆＃39;图像＆＃39;文件夹中只有一个文件现在名为＆＃39; logo.jpg＆＃39;。当我尝试添加图像作为背景时，会给出一个＆＃39;标识＆＃39; class background：url（）然后该图像不希望出现在Mozilla firefox和其他浏览器中。但是，当我添加＆s; src＆＃39;属性到html文档内部的标记并指定路径与CSS样式完全相同，然后出现图像。当我尝试通过CSS添加图片时，有人可以向我解释为什么图片不会出现吗？

Answer 1

顺便说一句......如果它没有src属性，浏览器是否会呈现高度和宽度？

并且不使用img标记，但如果你不使用src属性，则使用另一个标记...然后应用css背景。

同样的事情

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

如果它没有href属性，则该元素无效，并且有时会出现奇怪的行为。

Answer 2

从CSS链接图像采用与html文件不同的措辞。

说这是我们的文件树

    BIGFOLDER
-public
  -app.css
-images
  -targetImage.jpg
-views
  -index.html

从index.html链接

<img src="../images/targetImage.jpg">

使用“../”上一个目录，或“././”同样的事情。

从app.css链接

background: url("images/targetImage.jpg");

原因是它将根目录附加到该URL，因此它将是www.yoursite.com/images/targetImage.jpg

这个东西起初很混乱，但是通过练习它变成了第二天性:)

CSS中的背景url（）不显示图像，但html中的<img src=""/>会显示？

2 个答案: