背景图像不显示

时间:2013-11-18 23:02:33

标签: html css

我在其他4个S.O.上尝试了答案。问题,但我的形象仍然没有出现。 我正在通过Dash at General Assembly学习编码。但是我正在使用Sublime 3构建这个项目。

body{

    background-image: url("Southern California Sunset.jpg");

我的html文件和图像保存在同一个文件夹中。 location of html and images

My code

我获得背景图片的地方:

Southern California Sunset.jpg

3 个答案:

答案 0 :(得分:1)

尝试使用%20替换文件名中的空格:

background-image: url("Southern%20California%20Sunset.jpg");

通常,请避免使用文件名中的空格。更容易。

答案 1 :(得分:1)

您的背景图片的CSS语法是正确的:



background-image: url("Southern California Sunset.jpg");




您可以使用%20替换每个空格,这是HTML URL编码等效项。但在现代网络浏览器中,这可能没有必要。您也可以使用驼峰大小写(即每个单词的第一个字母的大小写),不使用空格或其他命名约定来消除空格。

只要语法正确并且文件位于正确的位置,代码就可以正常工作。

但是,您的代码中存在一个小的(无关的)语法错误;这个:



<input type="email"; placeholder"Your email"/>
&#13;
&#13;
&#13;

应该是:

&#13;
&#13;
<input type="email" placeholder"Your email" />
&#13;
&#13;
&#13;

HTML通常非常容忍语法错误。不过,最好避免它们。

答案 2 :(得分:0)

就像他说你在保存图像时应该避免使用空格。我使用'camel humps'方法进行所有编码。因此,不是使用空格,而是将所有单词大写。 因此,不是'我的示例图像text.jpg',而是MyExampleImageText.jpg。