fixed属性的兼容性问题

郑永微博 郑永 2430℃ 6评论

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

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

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

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

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

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

转载请注明:郑永博客 » fixed属性的兼容性问题

历史上的今天:

(6)个小伙伴在吐槽
Loading...
  1. 似水流年2014-10-09 18:49 Google Chrome 30 Windows XP 回复

    第一次沙发了

    沙发!
  2. 郑永2014-10-09 20:34 Google Chrome 37 Android 4.4.2 回复

    我表示不止一次了,呵呵

    板凳!
  3. 路易大叔2014-10-09 22:49 Firefox 32 Android 回复

    Firefox下面还是很好的啊,只能说明浏览器不行

    地板!
  4. Eric_plus2014-10-09 23:12 Google Chrome 34 Windows 7 回复

    迟点换个opera测试一下

    4楼
  5. zwwooooo2014-10-18 00:13 Firefox 32 Windows 8.1 回复

    应该是没写好吧,又不是用 background-attachment:fixed,这个是手机端不支持(因为耗资源)

    5楼
    • 郑永2014-10-18 20:46 Google Chrome 38 Windows XP 回复

      你说的没错,是没写好,同样推侧边栏实现的时候,里面也是用fixed,这回一般的浏览器也支持,说明上次没写好。

gravatar
发表我的评论
取消评论


Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址