使用div为CSS图像-图像不显示在html上

Question

谁能告诉我为什么这个图像不会显示?我使用BBedit，图像与索引和样式在同一文件夹中。

HTML:

<div class="imghome"></div>

CSS:

imghome{
display: block;
height: 300;
width: auto;
background-image: url("/pineapplenoir.jpg");
}

Answer 1

如果所有文件都位于一个目录中，并且您不在服务器上，那么文件的路径可能不需要斜杠。

imghome{
display: block;
height: 300;
width: auto;
background-image: url("pineapplenoir.jpg");
}

Answer 2

.imghome{
display: block;
height: 300;
width: auto;
background-image: url("pineapplenoir.jpg");
}

中的CSS文件，而试图使用样式的类，你必须使用。在CSS文件中的类名前面，以便样式化应用