本文主要是介绍fixed定位,解决IE6下有闪动问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
效果:
代码:
<!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; }/*此代码解决IE6.0下不会出现闪动*/.fixedBox {/*border:1px solid red;*/width:147px;height:60px;position:fixed; /*支持实现w3c标准的浏览器*/_position:absolute; /*单独针对IE6*/right:50px; /*距离右边200px*/top:400px; /*距离顶部200px*/_top:expression(eval(document.documentElement.scrollTop+200)); /*+200是IE6.0下面距离浏览器窗口顶部的位置*//*IE6.0下面距离底部位置为0px*//*_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));*/}</style></head><body style="height:5000px"><div class="fixedBox"><a href='http://wpa.b.qq.com/cgi/wpa.php?ln=1&key=XzkzODA0OTI2OV8xMTI5NDVfNDAwMDgzNjkzM18yXw' target="_blank"><img alt="qq联系我" src="http://www.huarenelite.com/QQZx.jpg" border="0"/></a></div></body></html>
这篇关于fixed定位,解决IE6下有闪动问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!