您是否有任何建议如何在短屏幕/较低分辨率下使固定定位页脚工作？
我有页脚：
#footer {position: fixed; bottom: 0; width: 100%; height: 35px; background: rgba(0, 0, 0, 0.3); line-height: 35px; color: #fff; font-size: 14px; text-transform: uppercase}
在大多数分辨率下工作正常，但是当屏幕高度小于900px时，因为它固定它与内容重叠。你如何解决这些问题？我正在考虑用js检查屏幕分辨率，然后代替固定给它位置：相对。你觉得怎么样？
答案 0 :(得分：2)
真的必须修复吗？在一些浏览器中支持仍然有点邋...如果它是绝对定位的，你可以在主要内容中添加填充，这样页脚就不会重叠内容。
无论如何，使用css媒体查询可以轻松完成您要做的事情。你可以从这里开始：http://css-tricks.com/css-media-queries/
答案 1 :(得分：0)
给Z-index = 10; （一些更高的Z指数使它更突出）
答案 2 :(得分：0)
你可以试试这个 css：
html,body{position:relative; margin:0; padding:0; height:100%}
.footer{ position:fixed; height:30px; background-color:grey; width:100%; bottom:0px; z-index:999}