变成
#floatDivBoxs{width:170pxbackground:#fffposition:fixedtop:500pxright:0z-index:999display:none}
一般情况下都是用CSS的fixed固定定位,但不兼容IE6,在IE6下,用absolute方式。
下面给出简单的兼容写法代码实现。仅供参考:
<style>*{margin:0px padding:0px}
body {height:2000px}
div {width:100px height:100px background:#ccc position:absolute bottom:0px right:0px}
</style>
<script>
window.onload=function(){
var oDiv = document.getElementById('div1')
if(window.navigator.userAgent.indexOf('MSIE 6') != -1)
{
window.onscroll = function(){
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
var top = document.documentElement.clientHeight - oDiv.offsetHeight + scrollTop
oDiv.style.top = top + 'px'
}
}
else
{
oDiv.style.position='fixed'
}
}
</script>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=459049940&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:459049940:41" alt="点击这里给我发消息" title="点击这里给我发消息"></a>以上代码放到对应位置就ok了,注意a标签以及img的css设定