因胸联盟 发表于 2015-1-16 10:39:01

学习下随转动条挪动的层

ie中母div被设置成特定高度之后，假如里面的子div高度（有float的话就以清除float的div的最底为总高度）超过了母div设置的高度,ie会自动把母div撑大，但是ff却不能，ff中母div的高度会依然，里面的子层会溢出到外面来。兼容方法：不要设置母层高度

[*]
[*]
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>随转动条挪动的层-www.ckuyun.com</TITLE><METAHTTP-EQUIV="Content-Type"CONTENT="text/html"charset="gb2312"></HEAD><style><!--.div{position:absolute;border:2pxsolidred;background-color:#EFEFEF;line-height:90px;font-size:12px;z-index:1000;}--></style><BODY><divid="Javascript.Div1"class="div"style="width:240px;height:90px"align="center">正中...</div><SCRIPTLANGUAGE="JavaScript">functionsc1(){document.getElementById("Javascript.Div1").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("Javascript.Div1").offsetHeight)/2)+"px";document.getElementById("Javascript.Div1").style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("Javascript.Div1").offsetWidth)/2)+"px";}</SCRIPT><divid="Javascript.Div2"class="div"style="width:240px;height:90px"align="center">左上...</div><SCRIPTLANGUAGE="JavaScript">functionsc2(){document.getElementById("Javascript.Div2").style.top=(document.documentElement.scrollTop)+"px";document.getElementById("Javascript.Div2").style.left=(document.documentElement.scrollLeft)+"px";}</SCRIPT><divid="Javascript.Div3"class="div"style="width:240px;height:90px"align="center">左下...</div><SCRIPTLANGUAGE="JavaScript">functionsc3(){document.getElementById("Javascript.Div3").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("Javascript.Div3").offsetHeight)+"px";document.getElementById("Javascript.Div3").style.left=(document.documentElement.scrollLeft)+"px";}</SCRIPT><divid="Javascript.Div4"class="div"style="width:240px;height:90px"align="center">右上...</div><SCRIPTLANGUAGE="JavaScript">functionsc4(){document.getElementById("Javascript.Div4").style.top=(document.documentElement.scrollTop)+"px";document.getElementById("Javascript.Div4").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.Div4").offsetWidth)+"px";}</SCRIPT><divid="Javascript.Div5"class="div"style="width:240px;height:90px"align="center">右下...</div><SCRIPTLANGUAGE="JavaScript">functionsc5(){document.getElementById("Javascript.Div5").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("Javascript.Div5").offsetHeight)+"px";document.getElementById("Javascript.Div5").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.Div5").offsetWidth)+"px";}</SCRIPT><SCRIPTLANGUAGE="JavaScript"><!--functionscall(){sc1();sc2();sc3();sc4();sc5();}window.onscroll=scall;window.onresize=scall;window.onload=scall;//--></SCRIPT><divstyle="position:absolute;top:0px;left:0px;width:10000px;height:4000px;"></div></BODY></HTML>
尺度之路www.ckuyun.com提醒：能够先修正部分代码后再运转
说实话，我并不是反对div+css，但物生一利，必生一弊，div+css的利处大家说了很多，我就说说狂热的追求div+css的几个弊端：

深爱那片海 发表于 2015-1-18 07:45:04

是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

老尸 发表于 2015-1-26 19:46:53

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

精灵巫婆 发表于 2015-2-10 11:48:46

只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

简单生活 发表于 2015-3-1 13:22:58

由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

分手快乐 发表于 2015-3-10 19:54:43

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

飘飘悠悠 发表于 2015-3-17 10:13:50

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

再见西城 发表于 2015-3-24 08:00:00

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
页: [1]
查看完整版本: 学习下随转动条挪动的层