右下角浮动div不兼容IE6麻烦看下

发布网友发布时间：2022-04-21 02:42

共4个回答

热心网友时间：2022-04-21 04:11

如一楼所说，
position:fixed不被IE6所支持。用js方法可以实现。
代码如下：

<!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位置*/

_left:expression(documentElement.scrollLeft + "px"); /*IE6 动态设置left位置*/

/* 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 class="show">show</div>

</body>

</html>

热心网友时间：2022-04-21 05:29

position:fixed; 不被ie6支持
想要兼容的话最好是用js去实时计算他的位置

热心网友时间：2022-04-21 07:04

IE6的写法

_position:absolute;
在属性前加'_'只有IE6支持，你可以对IE6单独做调整

热心网友时间：2022-04-21 08:55

加上给层里加上浮动就可以了，