css解决IE6、Chrome、ff 浏览器position:fixed;和闪动问题

代码如下

复制代码

html{
_background:url(about:blank); /* 阻止闪动 in IE6 , 把空文件换成about:blank , 减少请求 */
}

/* 你的图层 */
.positionFixedLayer{
position:fixed;
_position: absolute;
_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);
_left:expression(documentElement.scrollLeft+documentElement.clientWidth-this.offsetWidth-200);
}

时间： 2024-09-23 23:03:53

css解决IE6、Chrome、ff 浏览器position:fixed;和闪动问题的相关文章

iScroll解决手机浏览器position:fixed失效的问题

最近出于工作原因要做几个针对移动端的二级域网站,在以往的响应式布局经验中,手机端的浏览器都不识别CSS中的 position:fixed; 定位的.这样如果打算坚持使用APP式的顶端工作条的话我们只能使用javascript,虽然 JS 会略微提高服务器压力但也足以弥补因 position:fixed; 失效而导致的页面效果. 在此类JS中 iscroll 框架可谓专门针对这个问题而诞生,iscroll不仅弥补了position:fixed;在移动端的缺陷,同时也在框架中加入了很多弹性效果及移动

【原】使用iScroll.js解决ios4下不支持position:fixed的问题

一直折腾position:fixed在ios和android的使用,而事实上这么上流的ios4系统居然不支持position:fixed,幸运的是苹果公司在ios5系统修复了这个bug,比较理想的解决方案是让所有用户把系统升级到ios5及以上版本,这种想法在国外还好,在国内环境下,因为越狱而不想去升级手机的人很多,如果强迫用户去升级,那可能会把你的产品KS了.而你也不可能跟你老板说ios4什么不兼容那个属性啊,让用户升级啊!老板看到的是结果,你做不出来,别人怎么做得出来呢,这样你老板可能会对你的

Chrome不兼容position:fixed;的解决方案

今天在做一个回到顶部的浮动层时发现在IE7+和Firefox下均表现正常,但是在Chrome下却看不到浮动层. 在Chrome下却看不到Top这个图标,原来的css定义如下: 代码如下复制代码 { width: 48px; height: 82px; position: fixed; right: 50px; bottom: 15px; background:url(../images/backtotop.png); cursor: pointer;} 只需要把原来的right:50px;改

IE6不兼容position:fixed属性的解决办法

文章简介:IE6下不兼容position:fixed属性!在网上也看了一些资料还是不行! IE6下不兼容position:fixed属性!在网上也看了一些资料还是不行! position: fixed;这个属性用起来确实很方便,可以轻松的实现固定位置的浮动层效果.但是,它不支持IE6及以下版本.于是很多同学使用JS模拟.今天写了一个DEMO,涉及左侧.右侧.及上下两边,共四种位置的固定,与以往的教程不同的地方是,它使用CSS表达式来兼容IE5.IE6,且避免了js模拟时,拖动滚动条时出现抖动的问

深入理解position: fixed

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>深入理解position: fixed;</title> <style type="text/css"> * { padding: 0px; margin: 0px; } #header { position: fixed; width: 900px; height

css ie6 position:fixed无效的解决方法

我用到了css教程的一个属性position:fixed,但遗憾的是在IE6下这个属性不起作用,悲剧的IE6,于是便找解决方案,现把最佳的解决方案拿出来与大家分享,或许不久的将来你能用上. 1.要实现的效果如下图: 这时弹出提示在浏览器最右上角可见区这时浏览器向下滚动了一下,但要让弹出层保持在浏览器最右上角可见区 2.兼容的解决方案代码如下: .loading_tip { position: fixed; _position: absolute; top: 10px; righ

ie6浏览器不支持position:fixed解决办法

滚动条是body的滚动,固定元素是相对body定位,那么把它设置窗口那么高,不就一直是在窗口那个位置了? 代码如下复制代码 html { _overflow: hidden; } body { _height: 100%; _overflow: auto; } .box { position: fixed; left: 10px; top: 180px; _position: absolute; } 自家用法介绍代码如下复制代码 html,html bo

css IE6 position:fixed (固定定位)通过position：absolute的解决方案

css教程 ie6 position:fixed (固定定位)通过position:absolute的解决方案,完全使用position:absolute来解决固定定位问题.因为其他的浏览器都支持绝对定位,在ie6,7,8,9,ff,chrome中均测试通过.注意一点:不能给外包含的元素mod-test设置高度,不然的话,是没有滚动条的.而应该在里面设置一个容器,它设置一个高度 <!doctype html public "-//w3c//dtd xhtml 1.0 transition

CSS{position:fixed}让HTML固定在浏览器的某个位置

文章简介:跨浏览器的CSS固定定位{position:fixed}. 不知道您是否留意了,浏览本站时,浏览器右下角有一个标着top的黑色直角三角形,可以点击它返回到正在浏览的网页页眉.当滚动网页时,它的位置一直没有任何改变,您感觉它怎么样?这就是通过CSS的定位属性{position:fixed}来实现的,通过它可以让HTML元素脱离文档流固定在浏览器的某个位置. IE7.Firefox.Opera,都支持CSS的{position:fixed},所以很容易实现(<详解定位与定位应用>) IE