0

我试图让我的网站内容与其背景图片的中心完全对齐，有没有办法做到这一点？

目前我的背景是

body {
    background: url(http://nickhumphries.com/images/tucson-bgl3b2.jpg) no-repeat center center fixed; 
    background-color: #fafafa;
    -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    text-align:center;
} 
#mainContainer {
    margin:0 auto;
}
4

2 回答 2

1

你不需要在你的身体中对齐文本，因为你在它上面使用了 div。并且您可能应该将 #maincontainer 作为类 .maincontainer 使用，以便您可以单独重用它。

为什么要同时使用 100% 尺寸和覆盖？您可以调整它的大小以覆盖或保持 100% 对吗？

玩弄这些想法。

于 2013-08-22T16:23:59.497 回答
0

通常，如果我想将某些东西居中，我会给它一个固定的宽度并将左右边距设置为自动

于 2013-08-22T16:30:04.510 回答