浮动QQ客服IE6IE7IE8没有浮动效果

但在IE5中有浮动效果，单独拿出客服代码也有浮动效果，放到网站中没有浮动效果，求帮帮忙指点

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

兼容
IE6/ie7/ie8/ie9/firefox/chrome/safari/opera
浏览器的浮动代码
<%@ Page Language="C#" %>
<!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>
<style type="text/css">
html,body{margin:0;padding:0;}
#y1 {position:fixed;top:0;left:0;width:100px;height:100px;border:1px solid red;}
#y2 {position:fixed;top:0;right:0;width:100px;height:100px;border:1px solid red;}
#y3 {position:fixed;bottom:0;left:0;width:100px;height:100px;border:1px solid red;}
#y4 {position:fixed;bottom:0;right:0;width:100px;height:100px;border:1px solid red;}
</style>
<script type="text/javascript">
 //以下所有脚本只为IE6写，其他浏览器完全可以删除。
 function getViewportScrollX() {
 var scrollX = 0;
 if (document.documentElement && document.documentElement.scrollLeft) {
 scrollX = document.documentElement.scrollLeft;
 }
 else if (document.body && document.body.scrollLeft) {
 scrollX = document.body.scrollLeft;
 }
 else if (window.pageXOffset) {
 scrollX = window.pageXOffset;
 }
 else if (window.scrollX) {
 scrollX = window.scrollX;
 }
 return scrollX;
 } function getViewportScrollY() {
 var scrollY = 0;
 if (document.documentElement && document.documentElement.scrollTop) {
 scrollY = document.documentElement.scrollTop;
 }
 else if (document.body && document.body.scrollTop) {
 scrollY = document.body.scrollTop;
 }
 else if (window.pageYOffset) {
 scrollY = window.pageYOffset;
 }
 else if (window.scrollY) {
 scrollY = window.scrollY;
 }
 return scrollY;
 } function getViewportWidth() {
 var width = 0;
 if (document.documentElement && document.documentElement.clientWidth) {
 width = document.documentElement.clientWidth;
 }
 else if (document.body && document.body.clientWidth) {
 width = document.body.clientWidth;
 }
 else if (window.innerWidth) {
 width = window.innerWidth - 18;
 }
 return width;
 } function getViewportHeight() {
 var height = 0;
 if (window.innerHeight) {
 height = window.innerHeight - 18;
 }
 else if (document.documentElement && document.documentElement.clientHeight) {
 height = document.documentElement.clientHeight;
 }
 else if (document.body && document.body.clientHeight) {
 height = document.body.clientHeight;
 }
 return height;
 } if (navigator.userAgent.indexOf("MSIE 6") > -1 && navigator.userAgent.indexOf("MSIE 7") == -1 && navigator.userAgent.indexOf("MSIE 8") == -1) {
 window.ononload = window.onscroll = window.onresize = function (e) {
 var t = getViewportScrollY();
 var l = getViewportScrollX();
 var w = getViewportWidth();
 var h = getViewportHeight();
 document.getElementById("y1").style.left = l + "px";
 document.getElementById("y1").style.top = t + "px"; document.getElementById("y2").style.left = l + w - document.getElementById("y2").offsetWidth + "px";
 document.getElementById("y2").style.top = t + "px"; document.getElementById("y3").style.left = l + "px";
 document.getElementById("y3").style.top = t + h - document.getElementById("y2").offsetHeight + "px"; document.getElementById("y4").style.left = l + w - document.getElementById("y2").offsetWidth + "px";
 document.getElementById("y4").style.top = t + h - document.getElementById("y2").offsetHeight + "px";
 }
 }
</script>
</head>
<body>
<div id="y1">左上角位置的内容</div>
<div id="y2">右上角位置的内容</div>
<div id="y3">左下角位置的内容</div>
<div id="y4">右下角位置的内容</div>
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
</body>
</html>