简单的背景css问题

Question

我正在尝试在HTML文档的正文中细分我制作的.png文件。

对于我的生活，我无法找出为什么它没有这样做。我已将图像存储在本地，但为了制作代码笔，我已将其上传到imgur。

http://codepen.io/MartinBort/pen/CbwgJ 相关代码从CSS的第5行开始

http://i.imgur.com/Jy6hCro.png＆lt; - 这就是图像

body {
background-image: url("http://i.imgur.com/Jy6hCro.png") repeat;
}

有什么想法吗？

由于

Answer 1

使用此

body {
background: url("http://i.imgur.com/Jy6hCro.png") repeat;
}

或此删除background-image中的重复并添加其他样式background-repeat:repeat;，但background-image重复违规

body {
    background-image: url('http://i.imgur.com/Jy6hCro.png');
     background-repeat:repeat;
}

Answer 2

body {
    background-image: url("http://i.imgur.com/Jy6hCro.png");
background-repeat:repeat;
}

codepen

http://codepen.io/anon/pen/hdBqk

Answer 3

正如其他答案所示，问题是repeat属性中的backgroung-image字。您不能在image属性中提供repeat属性。如果要组合它们，请使用background属性，例如：

body {
    background: url("http://i.imgur.com/Jy6hCro.png") repeat;
}

或者，单独指定，例如：

body {
    background-image: url("http://i.imgur.com/Jy6hCro.png");
    background-repeat:repeat;
}

希望这有帮助！