IE6下position:fiexd的BUG处理方法

最新推荐文章于 2023-06-04 22:58:10 发布
最新推荐文章于 2023-06-04 22:58:10 发布
阅读量548 收藏
点赞数 1
分类专栏： 前台技术 文章标签： ie url css html 浏览器 测试

利用css hack修改

css代码：

#footer
{
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 1000;
    width: 100%;
    background: url(g/footer.jpg) 0 1px;
    overflow: visible;
    text-align: center;
    _position: absolute;
    _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
}


#footer是底部浮动层的id ， _是针对IE6的css hack标记

解决抖动：在body的css中添加

body
{
    _background: #ddd url(image/a.txt);
    _background-attachment: fixed;
}

如果body中已经有背景图片了，可以用其中，html {background:url(aaa.txt) fixed}使用。也可在首页html标签中用 <html style="background:url(aaa.txt) fixed" >

background:#ddd url(image/a.txt);可以没有这个文件，但是一定要有这句话和_background-attachment:fixed是防止抖动的

=======================================================================
已经测试，完美解决ie6下浏览器固定层抖动的问题


cnqn800
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
position:fixed;
m0_37972548的博客
12-26 4万+
为什么设置position：fixed；div会消失。 此文如有不正确的地方，敬请留言指出，谢谢。 1.position:fixed;作用 生成绝对定位的元素，相对于浏览器窗口进行定位。可以通过设置 "left", "top", "right" 以及 "bottom" 属性给目标元素定位。 例如：将id = content 的div固定在窗口底部，距离窗口左边距离200px。滚动条上下滚动
小程序开发踩坑：页面窗口定位（相对于浏览器定位）
cds_940113的博客
05-25 6379
小程序：元素相对于窗口定位
position:fixed 固定定位
热门推荐
asdfgv2022的博客
08-03 5万+
元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动：特性特性：1.元素脱离正常文档流，不占位(也脱离文本流，全脱)2.始终相对于浏览器窗口四个角为原点进行固定定位的3.不会随页面的内容滚动而滚动4.能使不能设置宽高的行级元素设置宽高5.提升层级6.如果没有定位偏移属性，对元素本身有影响；应用场景：相对于窗口定位的元素如弹窗、跟随滚动的导航、侧边栏...
CSS属性详解——position:fixed
Wod_7的博客
06-04 7606
CSS中的固定定位fixed定位是一种定位方式，使元素相对于浏览器窗口固定位置，换句话说，固定定位的元素会脱离文档流，始终停留在浏览器窗口的某个位置不动，即使用户上下滚动页面也不会改变其位置。
html中fixed属性,CSSposition属性中：fixed使用详解
m0_70664757的博客
01-16 2891
是结合top、bottom、left和right这4个属性一起使用的，其中“position:fixed;”使得元素成为固定定位元素，接着使用top、bottom、left和right这4个属性来设置元素相对浏览器的位置。当元素的position属性设置为fixed时，这个元素就被固定了，被固定的元素不会随着滚动条的拖动而改变位置。在视野中，固定定位的元素的位置是不会改变的。fixed固定定位和absolute绝对定位比较类似，它们都能够让元素产生位移，并且脱离文档流。/*设置元素为固定定位*/
position：fixed固定定位的用法
demin3278的博客
01-03 6325
一、position：fixed；固定定位 　　1.实现某个元素在可视窗口的居中位置显示 　　　　1）给自身设置宽高； 　　　　2）给自身加position：fixed； 　　　　3）用margin向左移动自身宽度的一半，向上移动自身高度的一半； 　　或： 　　　　1）给自身设置宽高； 　　　　2）再设置position：fixed； 　　　　3）再给自身设置left：0...
ie6,ie7,ie8完美支持position:fixed的终极解决方案
10-25
ie6对position:fixed不支持，网上有很多解决方法，有的在ie6,ie7上调试成功后，在ie8上又不好使，div层还是跟随滚动条浮 动；以下总结方法，在ie6,ie7,ie8上都调试成功，且页面滚动条滚动时，效果还挺好，div层并...
css ie6 fiexd属性解决方法
05-19
css ie6 fiexd属性解决方法
jQuery的position()方法详解
12-02
很多教程都说方法返回的偏移量是相对于父元素，其实并非完全如此，此方法会将匹配元素以绝对定位方式处理，当然并不是说真的将匹配元素设置为绝对定位。方法的偏移量参考原则如下: 1.如果父辈元素中没有采用定位的...
css中关于定位属性position为fixed的使用记载
01-21
复制代码代码如下: .my-fiexd{ position:fixed; height:40px; width:40px; background-color:red; border:0px; } 可是当某个div随着滚动条滚动时而被设置成fixed时（置顶，很多menu都会这样），可能会发生一个小...
小程序开发踩坑：页面窗口定位（相对于浏览器定位）（推荐）
12-29
开发中我们要做一些类似遮罩层或者页面header固定而页面内容滚动的效果时，往往会使用到：position: fiexd;属性，但是往往会出现绑定在定位元素上的事件无法触发，原因出现在哪里？ 经过摸索，终于找到答案：元素...
position:fixed实现相对于父级定位
callmeCassie的博客
10-26 1万+
position:fixed
js控制position:fiexd 浏览器定位 兼容个浏览器
dicongtuo4349的博客
01-10 145
<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"&g...
几种解决position:fixed 抖动的方法
奔跑的蚂蚁
12-14 3万+
最近在给客户做的手机版网站中用到了position:fixed 来模拟手机APP的底部的导航条，但是在三星手机的浏览器上出现了 抖动的情况，类似于下图这种情况：   在下滑的过程中，底部导航条会跟不上，在其它手机的浏览器里均没有这种情况 这种情况在IE6浏览器下也会出现。 经过查阅资料，总结出以下几种方法解决： 一.给fiexd加上如下CSS样式： -webkit-tr
设置了固定定位position: fixed;，没有设置top left
周浩的博客
03-22 6459
.container { position: fixed; height: 44px; width: 200px; background-color: #f30; } 如果没有设置left、top属性的时候，会相对于父级元素进行定位，如果设置了left、top才会相对于窗口进行定位。可以相对父元素使用margin定位，且父元素的padding也是有用的，不同的是...
解决CSS position:fixed 抖动问题
07-11 631
将id为head的div固定在最顶部，所设置的CSS属性如下： #head { overflow:hidden; *zoom:1; height:44px; background-image:url(../Img/bg.png); position:fixed; z-index:500; width:100%; ...
关于固定定位position:fixed最简单、最直白的应用
wangitso的博客
12-24 5247
关于固定定位position:fixed最简单、最直白的应用position:fixed是啥？有啥用 position:fixed是啥？有啥用 position:fixed是固定定位的意思，就是把一个DIV（footer）固定在页面的最底部，无论页面上面的内容如何滚动，页面下部的（footer）不动。 要实现这个功能的时候百度了好多，但是也没看明白，把教程的代码拿过来仔细研究尝试才知道了，原来是这...
CSS中position:fixed的用法
限量版的90后
08-12 1689
我们都知道CSS中定位属性position的值，除了默认的值外，还有absolute,relative和fixed。我平时比较常用absolute和relative，而position:fixed却没多关注。或许是因为当初在CSS中文手册中看到position:fixed旁边有说明“IE5.5及NS6尚不支持此属性”。 有时候在做项目时需要使一个层相对于浏览器边框固定，如果用position
不要乱用position:fixed
极客神殿
02-18 1万+
经常会有一个需求，在一个固定窗口内容滚动，底下有操作按钮需要固定，不随着滚动，一般第一个念头就是用固定定位position: fixed，但是fixed是以窗口为父元素去定位的，这么做肯定是错的，需要正确使用相对定位和绝对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /&g...
iframe内的子元素fiexd定位到iframe的父元素
最新发布
09-19
1. 在子元素的样式中，将position属性设置为fixed。 2. 在子元素的样式中，将top、right、bottom和left属性设置为0，以确保子元素固定在父元素的边缘。 示例代码如下： ```html <!DOCTYPE html> #parent { ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值