基础重叠响应图像

时间:2013-08-27 20:44:28

标签: html css zurb-foundation

这基本上就是我要做的事情:

我有一个我想用作网页背景的图片,我想把内容放在上面,而保持一切响应,所以它始终居中!。我正在使用基础4,这使得事情变得棘手(但我想学习如何这样做)。黑匣子将是图像,这背后的想法是一切都可以保持响应。

黑匣子应该居中。我已经尝试使用绝对定位的盒子,并试图将它们放入一个,但它似乎没有太好用(我可能做错了)。

在基金会4中重叠任何事情似乎很难。我必须以某种方式纠正错误。谢谢你的时间!

1 个答案:

答案 0 :(得分:0)

我需要检查您的HTML代码结构以确认,但我认为您想要的是.small-centered.large-centered(它们的工作方式与.small-1相同,.large-1但是为了居中)。

http://foundation.zurb.com/docs/components/grid.html(在页面上搜索中心列)。

同样对于盒子我希望你的盒子使用Foundation的 Block-Grid - 它会让你的拳击更容易。

http://foundation.zurb.com/docs/components/block-grid.html