头闻号

广州金荣化工有限公司

热稳定剂|羧酸盐|氧化铁红|其他类型日用化学品|其他水处理化学品|渗透剂

首页 > 新闻中心 > 科技常识:css:fixed定位兼容不同系列不同版本的浏览器包括IE6.0
科技常识:css:fixed定位兼容不同系列不同版本的浏览器包括IE6.0
发布时间:2024-12-25 01:38:34        浏览次数:3        返回列表

今天小编跟大家讲解下有关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>

来源:爱蒂网