屏幕中的中心元素 - 忽略浏览器大小调整

Question

我正在创建一个“正在建设中的网站”，但我在实现预期结果方面遇到了一些困难。这就是我想要的：

基本上我想同时将3个div放在中心 - 每个div都在它自己的容器中（ siteUnderConstruction_bg 必须在体内居中）。随着浏览器调整大小，整个内容应该在运行中集中。

HTML：

<div id="siteUnderConstruction_bg">
    <div id="siteUnderConstruction_text"></div>
    <div id="siteUnderConstruction_bars"></div>
</div>

这是FIDDLE。

帮助？

佩德罗

Answer 1

Jsfiddle：http://jsfiddle.net/NRrRt/1/

将background-position: top center添加到文本并禁止div。