* html, * html body { background-image: url(about:blank); background-attachment: fixed; } * html #menu { position: absolute; bottom: auto; top: expression(100+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); }
上面的代码有什么作用?浏览器兼容?
//这一块是解决IE浏览器刷新,会有白页面重复加载显示的 * html, * html body { background-image: url(about:blank); background-attachment: fixed; } //这一块是获取真实距离顶部的高度,最后一局其实就是三目运算符,很好理解 * html #menu { position: absolute; bottom: auto; top: expression(100+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); }