头闻号

宁波市海曙区泰来化工技术咨询部

化学试剂|安全防护用品|焊接材料与附件|环境检测仪器|建筑用精细化学品|生化试剂

首页 > 新闻中心 > 科技常识:css:fixed定位兼容不同系列不同版本的浏览器包括IE6.0
科技常识:css:fixed定位兼容不同系列不同版本的浏览器包括IE6.0
发布时间:2024-11-09 00:56:43        浏览次数:6        返回列表

今天小编跟大家讲解下有关css:fixed定位兼容不同系列不同版本的浏览器包括IE6.0 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css:fixed定位兼容不同系列不同版本的浏览器包括IE6.0 的相关资料,希望小伙伴们看了有所帮助。

现在很多门户网站页面内容庞大 都会往下拉很长 在以前我们想回顶部的时候要不断往上滚动鼠标的滚轮 直到滚到顶部为止 现在如果大家细心观察右下角是不是有一个点击回到顶部的按钮呢 对 今天我要说的就这个按钮的布局 闲话不多说 直接上代码 在代码中我尽量的标注css样式 以方便大家阅读; 复制代码代码如下: <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"content="text/html; charset=UTF-8"/> <title>fixed定位 解决IE6闪动问题</title> <style type="text/css"> *html{ background-image:url(about:blank); background-attachment:fixed; } .backgroundBox { border:1px solid orange; width:100px; height:2000px; } .fixedBox { border:1px solid red; width:100px; height:100px; position:fixed; _position:absolute; left:200px; top:200px; _top:expression(eval(document.documentElement.scrollTop+200)); } </style> </head> <body> <div class="backgroundBox"></div> <div class="fixedBox">fixed box</div> </body> </html>

来源:爱蒂网