这基本上就是我想要做的:
我有一张我想用作网页背景的图片,我想在它上面放置内容,同时保持一切响应,使其始终居中!. 我正在使用 Foundation 4,这让事情变得棘手(但我想学习如何这样做)。黑匣子将是图像,其背后的想法是一切都可以保持响应。
黑匣子应该居中。我已经尝试对盒子使用绝对定位并放弃尝试将它们放在 a 中,但它似乎不太好用(我可能做错了什么)。
在 Foundation 4 中重叠任何东西似乎都很难。我一定是在某种程度上做错了。谢谢你的时间!
这基本上就是我想要做的:
我有一张我想用作网页背景的图片,我想在它上面放置内容,同时保持一切响应,使其始终居中!. 我正在使用 Foundation 4,这让事情变得棘手(但我想学习如何这样做)。黑匣子将是图像,其背后的想法是一切都可以保持响应。
黑匣子应该居中。我已经尝试对盒子使用绝对定位并放弃尝试将它们放在 a 中,但它似乎不太好用(我可能做错了什么)。
在 Foundation 4 中重叠任何东西似乎都很难。我一定是在某种程度上做错了。谢谢你的时间!
我需要检查您的 HTML 代码结构以确认,但我认为您想要的是.small-centered
和.large-centered
(它们的工作方式与 相同.small-1
,.large-1
但用于居中)。
http://foundation.zurb.com/docs/components/grid.html(在页面上搜索居中列)。
对于盒子,我希望你使用 Foundation 的Block-Grid来制作盒子——它会让你的拳击变得更容易。