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