不重复使图像消失

时间:2012-08-28 23:04:35

标签: html css xhtml

我正在通过一个名为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文件中。当我尝试使用任何无重复,重复-x或重复-y值时,我的所有海盗都会变成vamoose。当我不使用时,常规背景图像显示正常。

1 个答案:

答案 0 :(得分:8)

在第二个示例中,您在背景图像选择器后缺少分号。如果这是您的代码的复制和粘贴,那么缺少分号就是问题。