解决IE6下Position:fixed问题

网页制作 2024/7/6 佚名

3 2 1

无为清净楼资源网 Design By www.qnjia.com

解决此问题的要点主要有：
1).容器要有一个背景图片
2).设置它的滚动属性为fixed。
3).用IE特有的expression方法计算出元素的top，left,right,bottom的量。

<!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=gb2312" /> <title>IE6 fixed</title> <style type="text/css"> * { margin: 0px; padding: 0px; } body { _background-image: url(about:blank);     /*用浏览器空白页面作为背景*/ _background-attachment: fixed;     /* prevent screen flash in IE6 确保滚动条滚动时，元素不闪动*/ }  #topNav { width: 980px; z-index: 100;                                                     /*设置浮动层次*/ overflow: visible; position: fixed; top: 50px;                                                         /* 其他浏览器下定位，在这里可设置坐标*/ _position: absolute;                                       /*IE6 用absolute模拟fixed*/ _top: expression(documentElement.scrollTop + 50 + "px"); /*IE6 动态设置top位置*/ /* documentElement.scrollTop 设置浮动元素始终在浏览器最顶，可以加一个数值达到排版效果 */ background-color:#0000FF; height: 31px; } .show{ position:absolute; top:500px; left:400px; border:#ff0000 1px solid; } </style> </head> <body> <div class="jd_menu" id="topNav">1111</div><div style="height:2000px"></div> <div class="show">show</div> <p> 　利用给<body>设置固定的背景，防止滚动条滚动时的闪动；如果<body>中要设置滚动的背景而产生冲突，可以把代码写在html选择器里面，如：    html {          _background-image: url(about:blank);          _background-attachment: fixed;         /* prevent screen flash in IE6 */    }    body {         background-image: url(1.jpg);         background-attachment: scroll;    } </p> </body> </html>

提示：您可以先修改部分代码再运行

Position,fixed

标签：

Position,fixed

无为清净楼资源网 Design By www.qnjia.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

无为清净楼资源网 Design By www.qnjia.com

评论“解决IE6下Position:fixed问题”

暂无评论...

www.qnjia.com 无为清净楼资源网

139,976互联网资源

144,792高清电影

21,817无损音乐

631,128技术资源

最新文章

BEYOND.2011-音乐大全101系列5CD【环球】【

2024/7/6

元卫觉醒.2005-幸福下载【艾回】【WAV+CUE】

2024/7/6

伦永亮.1994-心田【嘉音】【WAV+CUE】

2024/7/6

《王菲1985-2015年88张专辑+14单曲》[FLAC+

2024/7/6

《周传雄26CD合集》[FLAC][14G]

2024/7/6

一句话新闻

苹果官宣WWDC 2024！预计会有大批AI功能 - 2024/7/6

3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。

苹果官方表示：

在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。

探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。

Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。

RTX 5090要首发性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新日志

2024年07月06日

解决IE6下Position:fixed问题

Position,fixed

css margin:0 auto居中

CSS 透明背景时,记得给容器加上width宽度

评论“解决IE6下Position:fixed问题”

RTX 5090要首发性能要翻倍！三星展示GDDR7显存

更新日志

友情链接

解决IE6下Position:fixed问题

Position,fixed

css margin:0 auto居中

CSS 透明背景时,记得给容器加上width宽度

评论“解决IE6下Position:fixed问题”

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

更新日志

友情链接

RTX 5090要首发性能要翻倍！三星展示GDDR7显存