代码之家 › 专栏 › 技术社区 › Pim Jager

Div背景不与Div一起定位

background-image positioning css

Pim Jager · 技术社区 · 16 年前

我有几个div,我用一个类和一个ID来设计,div本身就是emtpy,因为它们只是背景的占位符。示例分区:

<div id='ranImg1' class='ranImg'></div>

.ranImg {
  position:fixed;
  z-index:0;
  width:250px;
  height:250px;
  display:block;
}
#ranImg1 {
  left:10px;
  top:200px;
  background-attachment:fixed;
  background-image:url(http://localhost/MyAlbum//images/background/ranPaperclips.png);
  background-repeat:no-repeat;
}

只要Div位于文档的左上角,图像就会正确显示,但当Div放置在页面的其他位置时,图像就会保持(不可见)在页面的左上角,仅显示与Div重叠的部分(在本例中,这将是图像的底部)。

编辑

1 回复 | 直到 7 年前

Owen Ryan Doherty 16 年前

background-attachment:fixed div

#ranImg1{
  left:10px;
  top:200px;
  background-image:url(http://localhost/MyAlbum//images/background/ranPaperclips.png);
  background-repeat:no-repeat;
}

您还可以设置 background-position

background-position: 0px 0px;

我不确定这是否会有任何帮助,不仅仅是删除 background-attachment

推荐文章

Leon N · 在HTML和CSS页面上居中显示图像

7 年前

JaSon · 将较少的内联元素强制到第一行

8 年前

Eric Schumann · CSS定位。4个等分的分区并放入1个父分区

9 年前

user3734782 · css中元素内部的文本匹配问题

9 年前

xR34P3Rx · 旁白和文章与标题重叠

10 年前

raghuveer999 · HTML<div>s使用CSS的矛盾效果

11 年前

Dude · 页面页脚底部CSS

11 年前

Oussama Bouthouri · 同时左右定位div

12 年前

Eddie Nowayjosé · 位置相对,如何摆脱死区?

12 年前

H3XXX · 鼠标悬停在一个div上会将另一个div向下推得太远

12 年前