• 全部
  • 问答

在线等待!跪求关于有滚动条的DIV中背景图片滚动,子标签图片不跟随滚动的问题

liutaoxwl 2010-12-06 11:26:07
<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">
就会出此问题

如果去掉第一行,就可以跟随背景图滚动。急求不去掉第一行声明的解决办法!
...全文
423 点赞 收藏 3
写回复
3 条回复
切换为时间正序
当前发帖距今超过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;
回复
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>
回复
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>
回复
发帖
JavaScript
创建于2007-09-28

8.5w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2010-12-06 11:26
社区公告
暂无公告