背景图像不显示

Question

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

body{

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

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

我获得背景图片的地方：

Southern California Sunset.jpg

Answer 1

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

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

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

Answer 2

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

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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

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

但是，您的代码中存在一个小的（无关的）语法错误;这个：

＆＃13;

＆＃13;

<input type="email"; placeholder"Your email"/>

＆＃13;

＆＃13;

＆＃13;

应该是：

＆＃13;

＆＃13;

<input type="email" placeholder"Your email" />

＆＃13;

＆＃13;

＆＃13;

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

Answer 3

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