热搜：编程 Python Microsoft 编程语言 C++

css 兼容ie6,ie7,ff的fixed,元素上下端固定定位方法

发布时间：2023-03-12 08:17:24 来源：互联网

.

晨曦是朝气蓬勃的美少女，在你耳畔浅吟低唱，她身上带有露珠草香的味道，会飘香你一整天的心情，祝你每一天都！你多学一样本事，就少说一句求人的话。

效果

<!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">
body{
background-image:url(about:blank); background-attachment:fixed;/*必要，防抖动*/
}
.head,.foot{
position:fixed !important;/*ie7 ff*/
position:absolute;
z-index:21;
background:#999;
height:30px;
width:500px;
}
.foot{
bottom:0 !important;/*ie7 ff*/
}
.main{
height:2000px;
}
</style>

</head>
<body>
<div class="head">
header
</div>
<div class="main">
main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main 
</div>
<div class="foot">
foot
</div>
</body>
</html>

为了兼容ie6(万恶的东西),用的是expression的方法
在页头加入：

复制代码

代码如下:

HTML:

复制代码

代码如下:

<body>
<div class="head">
header
</div>
<div class="main">
main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main main 
</div>
<div class="foot">
foot
</div>
</body>

以上就是css 兼容ie6,ie7,ff的fixed,元素上下端固定定位方法。企业说到底就是人，管理说到底就是借力。更多关于css 兼容ie6,ie7,ff的fixed,元素上下端固定定位方法请关注haodaima.com其它相关文章！

以下您可能有感兴趣的文章:

标签： css fixed