Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/opengl/4.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:Chrome忽略垂直;背景位置“;如果;页边空白处“;设定_Css_Google Chrome_Background Image_Background Position - Fatal编程技术网

CSS:Chrome忽略垂直;背景位置“;如果;页边空白处“;设定

CSS:Chrome忽略垂直;背景位置“;如果;页边空白处“;设定,css,google-chrome,background-image,background-position,Css,Google Chrome,Background Image,Background Position,我将背景图像应用于主体标签,并遵循以下规则(请注意“垂直位置上的负偏移”): 如果我在正文上添加页边距顶部,如下所示: body { ... margin-top:40px; } Firefox正确地呈现它,只需将所有正文内容(包括背景)底部移动40像素即可 Chrome似乎只忽略背景的偏移量(内容被移动,但背景保持在顶部,就像页边空白顶部不存在一样) 更多研究后编辑: 我做了一些测试,发现了一种奇怪的行为 错误的偏移量取决于HTML标记的最终背景 请看这个。如果删除背景色

我将背景图像应用于
主体
标签,并遵循以下规则(请注意“垂直位置上的负偏移”):

如果我在
正文
上添加
页边距顶部
,如下所示:

body 
{
    ...
    margin-top:40px;
}
Firefox正确地呈现它,只需将所有正文内容(包括背景)底部移动40像素即可

Chrome似乎只忽略背景的偏移量(内容被移动,但背景保持在顶部,就像
页边空白顶部
不存在一样)


更多研究后编辑

我做了一些测试,发现了一种奇怪的行为

错误的偏移量取决于HTML标记的最终背景

请看这个。如果删除
背景色:白色
HTML
标签,两个浏览器都将偏移(或不偏移)
标签的
背景图像


你能解释一下原因吗?

第一个猜测:我会尝试填充顶部……我已经试过了。。。不幸的是,我的需要是不可能的。
如果我在正文上添加了一个页边页眉
,这向我表明您的做法是错误的,所以我会介绍您这样做的原因,并要求更好的方法。
页边页眉
存在,因为我必须在我的网站顶部导入“第三方页眉”。所以主体下移了40px,这个头作为
top:-40px
绝对位置加载。它在Firefox中运行得很好,但在Chrome中却没有。
body 
{
    ...
    margin-top:40px;
}