在CSS中插入背景图像(Twitter Bootstrap)

Question

如何在我的网站上添加图像背景？

body {
     margin: 0;
     background: url(background.png);
     background-size: 1440px 800px;
     background-repeat:no-repeatdisplay: compact;
     font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;

我做了那么多,但我的页面上没有显示任何内容.我是CSS初学者.

更新:

body {
 margin: 0;
 background-image: url(.../img/background.jpg);
 background-size: 1440px 800px;
 background-repeat:no-repeat;
 display: compact;
 font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;

Answer 1

将背景网址放在引号中.

它应该是 background: url('background.png');

见这里的工作演示.

您还有background-repeat line两个语句之间缺少分号的问题.如果你的背景非常小,你就不会因为那个问题而看到它.

只是为了更新解决方案,在其他问题中,背景文件正在被引用.../background.jpg时应该是../background.jpg(2点,而不是3).

Answer 2

不是问题,以下行是不正确的,因为语句for background-repeat没有在下一个语句之前关闭display...

background-repeat:no-repeatdisplay: compact;

不应该这样

background-repeat:no-repeat;
display: compact;

如果URL正确,添加或删除引号(根据我的经验)没有区别.图像的路径是否正确？如果给CSS中的资源提供相对路径,则它相对于CSS文件而不是包含CSS的文件.