fixed兼容IE6
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>无标题文档</title> 6 <style type="text/css"> 7 *{ padding:0; margin:0;} 8 body { 9 background-image:url(text.txt); /*for IE6,也可以用一张图片URL,是否存在这文件无所谓*/ 10 background-attachment:fixed; /* 这句是关键之一:一定要fixed,不能用scroll */ 11 background-color:#ff0; 12 } 13 #div0{ width:80px; height:150px; position:fixed; top:50%; right:0; margin-top:-75px; background:#F00;} 14 /* 以下是写给IE6的 */ 15 *html body{height:100%; overflow-y:auto;} 16 *html #div0{position:absolute; right:16px;}/*IE6的滚动条宽度*/ 17 *html{overflow-x:auto; overflow-y:hidden;} 18 </style> 19 </head> 20 21 <body> 22 <div id="div0"></div><br /> 23 <br /> 24 <br /> 25 <br /> 26 <br /> 27 <br /> 28 <br /> 29 <br /> 30 <br /> 31 <br /> 32 <br /> 33 <br /> 34 <br /> 35 <br /> 36 <br /> 37 <br /> 38 <br /> 39 <br /> 40 <br /> 41 <br /> 42 <br /> 43 <br /> 44 <br /> 45 <br /> 46 <br /> 47 <br /> 48 <br /> 49 <br /> 50 <br /> 51 <br /> 52 <br /> 53 <br /> 54 <br /> 55 <div style="width:100px; height:300px; background:red;"></div> 56 <br /> 57 <br /> 58 <br /> 59 <br /> 60 <br /> 61 <br /> 62 <br /> 63 <br /> 64 <br /> 65 <br /> 66 <br /> 67 68 69 70 71 </body> 72 </html>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· [AI/GPT/综述] AI Agent的设计模式综述