我正在通过一个名为 html.net 的网站学习 css 和 xhtml。我在自己的网站上工作时遵循他们的指示。我刚刚开始了关于图像背景的 CSS 教程，我遇到了一个小而烦人的问题。当我这样做时，一切都很好。意思是，到处都是海盗船。它看起来像西班牙无敌舰队。
body {
background-color: silver;
background-image: url("pix/pirateship.jpg")
}
h1 {font-size: 40px; font-family: arial; color:yellow; background-color:#0000a0;}
h2 {color:maroon;}
li {font-size: 20px; font-family: arial; color:#87f717; background-color:#34282c;}
table {color:black; background-color:gray;}
th {color:black;}
但是......当我尝试按照下一个示例进行操作时，这根本没有显示任何图像。
body {
background-color: silver;
background-image: url("pix/pirateship.jpg")
background-repeat: no-repeat;
}
h1 {font-size: 40px; font-family: arial; color:yellow; background-color:#0000a0;}
h2 {color:maroon;}
li {font-size: 20px; font-family: arial; color:#87f717; background-color:#34282c;}
table {color:black; background-color:gray;}
th {color:black;}
我怀疑这有什么……实际上，我知道的还不够多，无法开始怀疑。我只是把这个留给你们，希望有人知道解决方案。
PS所有这些都在与索引文件相同的文件夹中的css文件中。当我尝试使用任何 no-repeat、repeat-x 或 repeat-y 值时，我所有的海盗 vamoose。当我不使用它们时，常规背景图像显示得很好。