位置: 编程技术 - 正文
跨浏览器的实践:position:fixed 层的固定定位(跨浏览器跨终端的前端开发)
编辑：rootadmin看示例吧: <style type="text/css"> body{ margin:0; padding:px 0 0 0; } div#menu{ position:absolute; top:0; left:0; width:%; height:px; background-color:#ddd; } @media screen{ body>div#menu{ position:fixed; } } * html body{ overflow:hidden; } * html div#content{ height:%; overflow:auto; } </style> HTML示例: Demo Mozilla Opera Netscape Firefox IE6 Windows Style CSS 只要内容大于一屏的高度就行 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]你删除第一行注释看看效果如何?
推荐整理分享跨浏览器的实践:position:fixed 层的固定定位(跨浏览器跨终端的前端开发)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:什么是跨浏览器开发,跨浏览器跨终端的开发,跨浏览器插件解决方案,什么是跨浏览器开发,跨浏览器问题,什么是跨浏览器开发,跨浏览器的实践报告,跨浏览器的实践目的,内容如对您有帮助，希望把文章链接给更多的朋友！
标准布局常见问题及解决办法 CSS2.0盒模型层次平面示意图和3D示意图3像素问题及解决办法当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置高度时3px在右
CSS之少用继承，多用组合 下面是一段普通的代码:css:.box{border:1pxsolid#ccc;font-size:px;background:#f1f1f1;padding:px;}html：divclass="box"thisisagraybox/div但是这个时候需求增加了，在页面中不
css美化input file按钮的代码方法 inputfile在系统默认下的外观：我们最多通过定义input的border来改变系统默认的外观：如果要让浏览按钮更漂亮一点，我们想定义它的背景颜色，甚至想用
标签: 跨浏览器跨终端的前端开发
本文链接地址:https://www.jiuchutong.com/biancheng/375217.html 转载请保留说明！
