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

时间:2013-12-04 04:57:16

标签: html background zurb-foundation

这看起来非常简单,但我无法使用标准方法工作?

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;
}

我必须使用方括号,因为大于/小于括号不会出现在此文本字段中。

1 个答案:

答案 0 :(得分:0)

它与基金会无关,这是一个CSS问题。

如果你想在你的网站上添加背景图片(我想这就是重点),你为什么不这么做呢:

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

另外:http://www.w3schools.com/css/css_background.asp