如何在Zurb Foundation 4中为div添加背景图像？

Question

This seems like it'd be terribly easy but I couldn't get the standard method to work?

HTML

[div class="test"] [/div]

CSS

.test {
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     overflow: hidden;
     background-image: url(http://upload.wikimedia.org/wikipedia/commons/6/60/ISSFinalConfigEnd2006.jpg);
     z-index: -1000;
}

I had to use square brackets because the greater than/less than brackets would not show up in this textfield.

Answer 1

It has nothing to do with Foundation, it's a CSS issue.

If you want to add a background image to your site (I guess that's the point), why don't you simply do this:

body {
background: url('http://upload.wikimedia.org/wikipedia/commons/6/60/ISSFinalConfigEnd2006.jpg') no-repeat top left;
}

Additionally: http://www.w3schools.com/css/css_background.asp