背景不会出现在div中

Question

我用一个独特的类创建了一个div元素，然后我给了该类一个背景图像，但它没有显示出来。即使我检查元素，一切都在那里，除了关于背景图像的一行。

我的代码：

.godzillahatter{
background-image: url ("http://honlapkell.hu/verzio1/wp-content/uploads/2014/12/dalmatian-texture-1543316.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center; }

检查元素：

.godzillahatter {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
}

并且网址： http://honlapkell.hu/verzio1/godzilla/

我不知道是什么问题。 div元素有内容，但我试着给它高度和宽度肯定。我搜索了解决方案，但没有一个有效。

Answer 1

欢迎来到SO！

更改此

background-image: url ("http://honlapkell.hu/verzio1/wp-content/uploads/2014/12/dalmatian-texture-1543316.jpg");

到这个

background-image: url("http://honlapkell.hu/verzio1/wp-content/uploads/2014/12/dalmatian-texture-1543316.jpg");

url和(

之间没有空格

友好的建议： 每当你在Chrome的检查器中看到这样的黄色三角形时，通常意味着你的CSS语法错误。

Answer 2

经过测试和验证！

使用background属性，删除url之后的空格。

background: url("http://honlapkell.hu/verzio1/wp-content/uploads/2014/12/dalmatian-texture-1543316.jpg");

<强>输出：

编辑：正如其他人所指出的那样，只要删除url之后的空格，它就会有用。

Answer 3

删除网址后的额外空格

background-image: url ("http://honlapkell.hu/verzio1/wp-content/uploads/2014/12/dalmatian-texture-1543316.jpg");

应该是

background-image: url("http://honlapkell.hu/verzio1/wp-content/uploads/2014/12/dalmatian-texture-1543316.jpg");

Answer 4

删除网址与括号之间的空格：

background-image: url("http://honlapkell.hu/verzio1/wp-content/uploads/2014/12/dalmatian-texture-1543316.jpg");

Answer 5

background-image的网址最好没有引号，如果您使用外部来源，请使用双斜杠//代替http://

对于较少的css代码，将背景属性组合成一行：

.godzillahatter
{
 background: url(//honlapkell.hu/verzio1/wp-content/uploads/2014/12/dalmatian-texture-1543316.jpg) no-repeat center center fixed;
}