fixed属性的兼容性问题

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

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

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

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

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

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

分类:电脑手机 标签:,,,

上一篇:心花路放完整版在线播放

下一篇:WP主题加入jquery toggle推菜单教程

已经有6条评论!

Loading...
  1. 第一次沙发了

    沙发!
  2. 我表示不止一次了,呵呵

    板凳!
  3. Firefox下面还是很好的啊,只能说明浏览器不行

    地板!
  4. 迟点换个opera测试一下

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

    5F

怎么样?你也说一句吧!

gravatar

冷笑 忧伤 恶魔 笑脸 红脸 咧嘴笑 吃惊 惊讶 困惑 耍酷
大笑 抓狂 痛苦 转眼珠 眨眼 好主意 囧 无表情 哭泣 坏笑