开启左侧

[CSS] IE中固定位置

[复制链接]
发表于 2012-4-13 17:21:07 | 显示全部楼层 |阅读模式
这段代码是在IE6里面是底部固定位置,我想给他改变为固定 顶部为 左侧。应该怎么修改。请高手指教




<style>.ab{width:500px; height:300px;position: fixed; background:#000; top: 0; left: 0; z-index: 9999; /*--Keeps the panel on top of all other elements--*/ background: #e3e2e2; border: 1px solid #c3c3c3; border-bottom: none; width: 300px; margin: 0 3%;}*html .ab { /*--IE6 Hack - Fixed Positioning to the Bottom--*/ margin-right: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/ position: absolute; top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));}</style><div class="ab"></div>
运行代码复制代码另存代码 提示:您可以先修改部分代码再运行
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-4-13 17:21:11 | 显示全部楼层
切记不要用CSS expression
用这个插件吧
http://bbs.blueidea.com/thread-3056382-1-1.html

插件的在线联系浮动层功能,可以达到你想要的效果
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
 楼主| 发表于 2012-4-13 17:21:13 | 显示全部楼层
切记不要用CSS expression
用这个插件吧
http://bbs.blueidea.com/thread-3056382-1-1.html
能不能详细说明一下子,看看怎么用
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-4-13 17:21:17 | 显示全部楼层
这个功能的教程详细地址在这里
http://www.javascript100.com/chm/floatdiv.html

几句代码即可实现
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
 楼主| 发表于 2012-4-13 17:21:20 | 显示全部楼层
这个功能的教程详细地址在这里
http://www.javascript100.com/chm/floatdiv.html
很好的插件。我下载了,但是我还是想问一下子,我发的那个代码想修改成,固定在顶部左上角应该怎么修改。我想学习一下子。可以吗。
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-4-13 17:21:23 | 显示全部楼层
代码简单写下,需要CSS配合JS
这个层绝对定位
left:0px;
给要window.scroll事件绑定
window.scroll=function(){
var t = (document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop : document.body.scrollTop;
document.getElementById('这个层的id').style.top = t + 'px';
}
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
 楼主| 发表于 2012-4-13 17:21:27 | 显示全部楼层
期待高手出现
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

 
QQ在线咨询
售前咨询热线
0532-88371356
售后服务微信
pingduwangzhan
快速回复 返回顶部 返回列表