Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/facebook/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS主体背景居中,与内容对齐_Css_Xhtml_Background Image - Fatal编程技术网

CSS主体背景居中,与内容对齐

CSS主体背景居中,与内容对齐,css,xhtml,background-image,Css,Xhtml,Background Image,我想把一个背景图像放在身体中央(背景位置)。然后我希望我将添加到页面中的所有内容(文本、表格……)与背景对齐,例如,如果我缩放页面,则应遵守背景内容的比例 我尝试了几乎所有的方法,但我不知道是否可能,我知道如果我使用左上角的位置作为背景位置,然后使用浮动:左比例的内容将得到尊重,但如果我希望以背景为中心?不幸的是,当你缩放页面时背景图像会移动,你必须使用javascript 如果javascript是您的一个选项,您将能够获得浏览器窗口的尺寸,并计算中心点并相应地定位背景。在CSS中: back

我想把一个背景图像放在身体中央(背景位置)。然后我希望我将添加到页面中的所有内容(文本、表格……)与背景对齐,例如,如果我缩放页面,则应遵守背景内容的比例


我尝试了几乎所有的方法,但我不知道是否可能,我知道如果我使用左上角的位置作为背景位置,然后使用浮动:左比例的内容将得到尊重,但如果我希望以背景为中心?

不幸的是,当你缩放页面时背景图像会移动,你必须使用javascript

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

在CSS中:

background-position:center center;
那还不够吗?也许你可以在某个地方设置一个测试页面?

你可以:

background:url(path-here) center center;

我已经集中了我的背景,问题是如何在页面中添加内容,使内容不随浏览器、缩放等移动。例如,如果有一个表格中的单元格围绕着一个图像(背景),我希望比例保持不变。如果我缩放,我希望图像保留在这个单元格内。对于左上角的背景位置,比例是受尊重的,但我找不到一种方法来做同样的背景居中