fixed属性的兼容性问题

原本以为主题优化后感觉挺喜欢，这几天一直都拿自己的手机和平板做测试，谁知道昨晚拿别人的手机打开一看，惊呆了！这完全变了样，难道是缓存？别人手机。。。不可能，我继续刷新，还是老样子，好吧，难道是手机浏览器问题？OK，我下载了一个chrome浏览器，再打开看一下，现在终于可以了，可是往下一滑，那个“郑永博客”四个字一直在那边跳霹雳舞！我晕，这会这样，我的手机和平板没这问题啊！！难道是手机太普通，显示质量太差？

OK，我又借了一个韩国a850的试试，自带浏览器打开一看，导航显示3个圈圈，居然没有背景图！这。。肯定浏览器的问题吧，继续，我又下载了手机 chrome 浏览器，打开一看，这下显示又正常了，但是上下滑动，居然看到导航顶部和屏幕边缘有缝隙，可以看到背景在变色。。。我。。无语！

再试一个手机，打开一看，顶部菜单完全没有隐藏我所隐藏的内容。。。。真无语了！估计那段判断mobile的语句对它没有任何作用。

浏览器各种版本就算了，郁闷的是chrome在各个手机的显示效果也有差异，真够郁闷！

那个兼容性在哪里。。。还真没去考虑，大伙，帮忙测试一下，谢谢！

ps: 刚去修复了一下， 把 fixed 浮动的都去掉了，这css代码不兼容ie的浏览器。  另外关于不能隐藏层，是因为class 层下还有id更高级别的层，于是高端浏览器能识别，IE就不行，这也是我这样新手常犯的错误，直接给加上一个id的层，然后隐藏之，OK， 浮动的话，我个人也不推荐了，的确挺烦的，要真像浮动，也推荐用js来。 

赏