CSS body Background以与内容对齐为中心

时间:2010-04-20 14:20:40

标签: css xhtml background-image

我想将背景图像放在身体中心(backgroundPosition)。然后我想要将所有内容(文本,表格....)添加到页面以与背景对齐,例如,如果我缩放页面,则应该尊重背景内容的比例。

我尝试了几乎所有的东西而且我不知道它是否可能,我知道如果我使用左上角位置作为背景位置然后使用浮动内容:左侧比例将被尊重,但是如果我想要背景居中?

3 个答案:

答案 0 :(得分:2)

在CSS中:

background-position:center center;

那不是削减它?也许你可以在某处张贴测试页?

答案 1 :(得分:0)

不幸的是,在缩放页面时要移动背景图像,您必须使用javascript。

如果javascript是您的选项,您将能够获取浏览器窗口的尺寸,并计算中心点并相应地定位背景。

答案 2 :(得分:0)

你可以这样做:

background:url(path-here) center center;