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>
CSS语法 前端基础☞CSS CSS语法 CSS规则由两个主要的部分构成：选择器，以及一条或多条声明。 ''' selector { property: value; property: value; ... property: value ...
前端基础之CSS 前端基础之CSS ...CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 1 2 3 4 5 6 7 8 9 ''' selector { property: value; property: value;...
python之路-----前端之css 本篇内容 CSS 语法 css的四种引入方式 css选择器 css属性操作 Caution！ ... CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 selector { property: value; prope...
前端03.css相关 一、关于css语法。 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 selector { property: value; property: value; ... property: value h1...
CSS 前端基础之CSS 知识预览 CSS 语法 css的四种引入方式 css选择器 ...CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 1 2 3 4 5 6 7 8 9 '''...
前端—css css css概述 CSS是Cascading Style Sheets的简称，中文称为层叠样式表...1.行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 示例： <p style="color: blue;bac...
前端基础 - CSS 一、简介 CSS是Cascading Style Sheets的简称，中文称为层叠样式表，用来控制网页数据的表现，可以使... CSS规则由两个主要的部分构成：选择器以及一条或多条声明。 ''' selector { property: value; ...
web前端-----第二弹CSS web前端之CSS样式 CSS 语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 ''' selector { property: value; property: value; ... pro...
前端基础之css CSS 语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 1 2 3 4 5 6 7 8 9 ''' selector { property: value; property: value; .....
python前端CSS CSS基础 CSS语法 CSS的四种引入方式 css选择器 CSS属性操作 Caution! 后台管理布局 ...CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 ''' selector { property:...
CSS基础 CSS 语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 1 2 3 4 5 6 7 8 9 ''' selector { property: value; property: value; ...
css知识 CSS 语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 1 2 3 4 5 6 7 8 9 ''' selector { property: value; property: value; .....
（第十七集）前端开发之css 注意，关于标签嵌套： 一般，块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素。需要注意的是，p标签不能包含块级标签。 属性选择器 E [att] 匹配所有...
