css - 在屏幕中居中元素 - 忽略浏览器调整大小

Question

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

基本上我想同时居中 3 个 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。