五行代码终极完美解决从IE6到Chrome所有浏览器的position:fixed;以及闪动问题
生活随笔
收集整理的這篇文章主要介紹了
五行代码终极完美解决从IE6到Chrome所有浏览器的position:fixed;以及闪动问题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這個方法其實已經使用很久了,之前主要在嵌入式WebQQ等產品中用過,現在拿出來分享一下吧,是目前最簡潔的方式來實現ie6的position:fixed; 失效bug,以及的其他方法的閃動問題,CSS代碼如下,很簡單,自行修改調試即可:
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); }文章來自:Tencent AlloyTeam
轉載于:https://www.cnblogs.com/fengyuqing/p/position_fixed.html
總結
以上是生活随笔為你收集整理的五行代码终极完美解决从IE6到Chrome所有浏览器的position:fixed;以及闪动问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: uva10617 - Again Pal
- 下一篇: 2017年html5行业报告,云适配发布