您现在的位置是：网站首页> 编程资料编程资料

css 兼容ie6,ie7,ff的fixed,元素上下端固定定位方法_浏览器兼容教程_CSS_网页制作_

2023-10-31 228人已围观

简介 .CSS 兼容ie6,ie7,ff的fixed

效果

<!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:

复制代码

代码如下:

header

main

foot

上一篇：css网页布局中文字排版的属性和用法_CSS布局实例_CSS_网页制作_

下一篇：CSS解决链接锚点定位偏移的代码_CSS教程_CSS_网页制作_

您现在的位置是：网站首页> 编程资料编程资料

css 兼容ie6,ie7,ff的fixed,元素上下端固定定位方法_浏览器兼容教程_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢