DIV背景不与DIV位置
-
22-07-2019 - |
题
我这是我的风格用一个类和一个ID有几个div,他的div本身emtpy因为他们只对他们的背景占位符。实施例股利:
<div id='ranImg1' class='ranImg'></div>
然后,我使用该CSS样式它们:
.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重叠(在该示例中,这将是该图像的底部部分)。
修改的 我想不会影响我的其他布局来定位这些div,他们是其他布局的背后。这个工程除了事实背景图像不跟随div的位置。结果 所以基本上我的问题是,为什么不是用div中ranImg1 DIV定位的背景,但停留在左上角,以及如何解决这一问题?
解决方案
您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
属性背景相对于内含div设定:
background-position: 0px 0px;
我不知道是否会帮助任何不仅仅是去除background-attachment
,但(没有足够的咖啡呢!)
不隶属于 StackOverflow