8.5w+
社区成员
- 全部
- 问答
在线等待！跪求关于有滚动条的DIV中背景图片滚动，子标签图片不跟随滚动的问题
<div id="parent1" style="width: 500px; height: 500px; overflow: auto;">
<img src="634272466981220810.jpg" width="1000px" height="1000px" />
<div id="item1" style="width: 20px; height: 20px; position: absolute; top: 100px; left: 100px; overflow: hide;">asdfasdf</div>
</div>
</div>
如上面代码，实际上是一个背景图（很大），放在一个固定大小的DIV中，在这个背景图中有一些点（使用一些DIV设置背景色），现在是滚动parent1的滚动条，背景图向上滚动，但是其它的点，如item1，不会滚动。
如果网页第一行是
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
就会出此问题
如果去掉第一行，就可以跟随背景图滚动。急求不去掉第一行声明的解决办法！
<img src="634272466981220810.jpg" width="1000px" height="1000px" />
<div id="item1" style="width: 20px; height: 20px; position: absolute; top: 100px; left: 100px; overflow: hide;">asdfasdf</div>
</div>
</div>
如上面代码，实际上是一个背景图（很大），放在一个固定大小的DIV中，在这个背景图中有一些点（使用一些DIV设置背景色），现在是滚动parent1的滚动条，背景图向上滚动，但是其它的点，如item1，不会滚动。
如果网页第一行是
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
就会出此问题
如果去掉第一行，就可以跟随背景图滚动。急求不去掉第一行声明的解决办法！
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
liutaoxwl 2010-12-07
楼上，的方法还是不行
不过问题已经解决，代码如下：
<div id="parent1" style="position:absolute; width: 500px; height: 500px; overflow: auto;">
<img src="634272466981220810.jpg"/>
<div style="width: 1000px; height: 1000px;">
<div id="item1" style="width: 20px; height: 20px; position: absolute; top: 100px; left: 100px; overflow: hide;">asdfasdf</div>
</div>
</div>
关键是要加入position:absolute;
不过问题已经解决，代码如下：
<div id="parent1" style="position:absolute; width: 500px; height: 500px; overflow: auto;">
<img src="634272466981220810.jpg"/>
<div style="width: 1000px; height: 1000px;">
<div id="item1" style="width: 20px; height: 20px; position: absolute; top: 100px; left: 100px; overflow: hide;">asdfasdf</div>
</div>
</div>
关键是要加入position:absolute;
hch126163 2010-12-06
<div id="parent1" style="width: 500px; height: 500px; overflow: auto;">
<div style="background-image:url(634272466981220810.jpg);width:1000px;height:1000px" >
<div id="item1" style="width: 20px; height: 20px; margin:100px; overflow: hide;">asdfasdf</div>
</div>
</div>
</div>
<div style="background-image:url(634272466981220810.jpg);width:1000px;height:1000px" >
<div id="item1" style="width: 20px; height: 20px; margin:100px; overflow: hide;">asdfasdf</div>
</div>
</div>
</div>
hch126163 2010-12-06
<div id="parent1" style="width: 500px; height: 500px; overflow: auto;">
<div style="background-image:url(634272466981220810.jpg)";width:"1000px";height:"1000px" >
<div id="item1" style="width: 20px; height: 20px; margin:100px; overflow: hide;">asdfasdf</div>
</div>
</div>
</div>
<div style="background-image:url(634272466981220810.jpg)";width:"1000px";height:"1000px" >
<div id="item1" style="width: 20px; height: 20px; margin:100px; overflow: hide;">asdfasdf</div>
</div>
</div>
</div>
