Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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_Background Position - Fatal编程技术网

CSS背景附件已修复-无法使用?

CSS背景附件已修复-无法使用?,css,background-position,Css,Background Position,我有一些类似这样的HTML: <div id='container'> <div id='main'> </div> </div> #main与其#容器的宽度相同。我正试图在#main的右上方放置一个固定的背景图像。然而,当我把背景附件:固定,它似乎删除它从流 在这种情况下,图像不会被放置在main的右上角,而是看起来像页面的右上角,或者可能是容器 在滚动模式下,它位于主屏幕上。只有当一个开关固定时 这就是它的工作原理吗?有

我有一些类似这样的HTML:

<div id='container'>

    <div id='main'>

    </div>

</div>
#main与其#容器的宽度相同。我正试图在#main的右上方放置一个固定的背景图像。然而,当我把背景附件:固定,它似乎删除它从流

在这种情况下,图像不会被放置在main的右上角,而是看起来像页面的右上角,或者可能是容器

在滚动模式下,它位于主屏幕上。只有当一个开关固定时


这就是它的工作原理吗?有什么办法可以解决这个问题吗?

删除固定内容,并在图像上使用CSS中的边距属性。这是一个丑陋的修复,但它可能会工作。也可以尝试使用绝对值而不是固定值。(我现在无法测试,安装软件。)啊。

删除图像上的固定页边距并在CSS中使用边距属性。这是一个丑陋的修复,但它可能会工作。也可以尝试使用绝对值而不是固定值。(我现在不能测试,安装软件。)啊。

不确定你到底想实现什么,但希望这至少部分回答了你的问题

我重新创造了你的处境。删除
背景附件:固定似乎可以解决您的问题

背景附件开始

该值固定后,背景图像将停止滚动 包含块。注意,虽然固定背景图像可能是 应用于整个文档中的元素,其背景位置 始终相对于视口放置。这意味着 背景图像仅在其背景位置时可见 与要添加的元素的内容、填充或边框区域一致 这是适用的。因此,固定的背景图像不会随时间移动 具有滚动条的元素会看到溢出,因为它位于 与视口的关系

编辑:以下是解决问题的可能方法:


编辑编辑:当用户滚动到包含元素下方时,使图像消失存在问题。有人知道如何解决这个问题吗?

不知道你到底想实现什么,但希望这至少部分回答了你的问题

我重新创造了你的处境。删除
背景附件:固定似乎可以解决您的问题

背景附件开始

该值固定后,背景图像将停止滚动 包含块。注意,虽然固定背景图像可能是 应用于整个文档中的元素,其背景位置 始终相对于视口放置。这意味着 背景图像仅在其背景位置时可见 与要添加的元素的内容、填充或边框区域一致 这是适用的。因此,固定的背景图像不会随时间移动 具有滚动条的元素会看到溢出,因为它位于 与视口的关系

编辑:以下是解决问题的可能方法:


编辑编辑:当用户滚动到包含元素下方时,使图像消失存在问题。有人知道如何解决这个问题吗?

你正在做
位置:已修复用于#main的子元素?这是正确的吗?标题很清楚:
背景位置:fixed
@dtj,你能给我们看看你的CSS源代码吗?最后,你把哪个设置为
fixed
<代码>背景位置
背景附件
?我使用'background'属性设置多个参数..但背景附件是固定的。您正在执行
位置:固定用于#main的子元素?这是正确的吗?标题很清楚:
背景位置:fixed
@dtj,你能给我们看看你的CSS源代码吗?最后,你把哪个设置为
fixed
<代码>背景位置
背景附件
?我使用“背景”属性来设置多个参数。但它是固定的背景附件。绝对定位不是背景位置的选项,是吗?此外,如果我删除固定,它将滚动,我不能拥有绝对定位不是背景位置的一个选项,是吗?而且,如果我删除了fixed,它会滚动,我不能拥有,我需要固定附件,这样它就不会滚动。这就是我为什么要修理的原因。但是你的其他评论回答了我的问题,因为我不知道修复是相对于视口的,所以谢谢!很高兴我能帮忙!请参阅我的编辑,了解可能解决问题的另一种方法。这有点像黑客,但至少是个开始。我需要修复附件,这样它就不会滚动。这就是我为什么要修理的原因。但是你的其他评论回答了我的问题,因为我不知道修复是相对于视口的,所以谢谢!很高兴我能帮忙!请参阅我的编辑,了解可能解决问题的另一种方法。这有点像黑客,但至少是个开始。
div#container {
    width:960px;
    margin:0 auto;
}

div#main {
    background: #000000 url('images/bg_placeholder.jpg') no-repeat 85% 100px fixed;
    color:white;
    padding-bottom:30px;
}