在IE6没屎干净之前，折腾主题还是需要照顾一下IE6啊，继 浏览器兼容问题CSS解决方案 之后，折腾出题使用hack确实解决了不少浏览器兼容问题，但是再往深折腾主题时，我发现，仅仅css的hack功能还是不够的，还需要其它的一些特殊功能辅助之，方才能做到天下浏览器大同啊。

于是老衲摸索之，经百度、谷歌后无果，老衲几乎对其死心了，于是放出“豪言”说不考虑IE8以下浏览器鸟，其实那是老衲我无奈之举啊，当时是实在找不到解决方法了，谁不想让自己的网站在尽可能多的浏览器中展现出最佳的效果呢？好在天无绝人之路，在某天折腾主题时，忽然发现类似下面的代码，于是柳暗花明又一村，又一个佛诞生了：

<!--[if lte IE 8]> /* 解释：IE8及IE8以下版本执行下面代码 */

<script type="text/javascript">window.location.href='http://www.gsky.org';</script>

<![endif]-->

上面的代码是IE独有版本判断语句，老衲我竟然忘记了这一茬，擦，太逊了。。。

之前解决IE低版本某板块内容显示效果不佳的方法就是将其隐藏掉，使用hack的方法就是在对应css中添加 “ *display:none; ” 意思就是在IE6和IE7下，隐藏该内容，方法实在是不错，解决了不少问题，但是有些例如只希望在IE6以上版本中显示就不行了，还好我佛慈悲，让我发现了这么大的秘密，下面就是证据：

hack解决方案请看这里

IE解决方案： <!--[if lte IE 6]> 内容 <![endif]-->（lte是小于或等于的意思）

lte：小于或等于 例如 <!--[if lte IE 7]>，IE7以下版本显示，IE7也显示

lt：小于 例如 <!--[if lt IE 7]>，IE7以下版本显示，但IE7不显示

get：大于或等于 例如 <!--[if get IE 7]>，IE7以上版本显示，IE7也显示

gt：大于 例如 <!--[if gt IE 7]>，IE7以上版本显示，但IE7不显示

!：不等于 例如 <!--[if !IE]>，所有IE浏览器都不显示

<!--[if IE 7]>，只在IE7显示，...IE6、8、9、10 和 其它浏览器不显示

好像就只有这些吧，老衲我就知道这么多，有了这些判断，主题的兼容性问题就能迎刃而解了，而且还可以解决很多问题，慢慢推敲吧。

比如，为IE6调用独自的css：

<!--[if lte IE 6]> css地址 <![endif]-->

使用本方法，然后再搭配hack服用，浏览器兼容问题就可以治愈了，hcsk只能用于css中，ie判断只能用在html代码中，擦，真是天造地设的一对啊，本来还想用php的办法判断当前浏览器，然后输出对应内容呢，看来老衲我修炼还木有到家，真的是把问题复杂化了

  1. P几个S：
  2. 佛说：不要试图使用这个方法定义非IE浏览器，这个判断是IE独有的，非IE浏览器会被直接过滤掉
  3. OK，到此为止，施主且慢走，老衲就不远送了。。。
  1. 再P几个S：
  2. 百度BAE开放给我带来的唯一的好处就是，我的流量增加了近1倍，好家伙200多IP，真不多见；不过今天就恢复正常日IP了，啊丫丫，该高兴呢还是该开心呢，还是装作很痛苦的样子把。。。
  3. 我现在都不舍得百度“Theme Wesky”太让我蛋疼又纠结了 ，用Wesky的某些SEO神马的朋友，代码不见你会多少，版权去的可真不含糊啊。。。

标签: 前端路上, 浏览器兼容

已有 112 条评论

  1. huangjun huangjun

    哈哈，要照顾我哈，我在公司就是ie6

    回复
    1. Tokin Tokin

      @huangjun: 我是真心恨IE6啊，现在访问我的站用IE6没什么特别大的错误吧，我打算就这样了，再折腾，我就彻底疯了，用IE7 就不错了…

      回复
  2. 斌果 斌果

    不错,早该放弃老古董了，摆在家里又不能当文物 :lol: :lol:

    回复
    1. Tokin Tokin

      @斌果: 不求别的，只求IE6、7这两朵奇葩赶紧屎干净，存在这世界上，真是给我填心情

      回复
    2. Tokin Tokin

      @斌果: 我的评论样式改的怎么样…给点建设性评价呗

      回复
      1. 斌果 斌果

        @Tokin: 超级建议：
        1、那个存放昵称的条有点长，搭配短小的呢称实在不配。
        2、评论和日期实在距离太大，建议之留两个字的距离。
        3、后在评论框左右加的竖线不太好看，建议去除。
        4、既然都有了存放昵称的框，倒不如把评论页框在里边。
        5、建议给@什么什么加上链接，点击那个链接还可以继续@那个人。
        6、回复评论的那个按钮空旷，建议给回复按钮加上title属性：给xxx回复。
        7、写道这条才发现，如果评论太长，出现的下拉条会比较难看，具体自己尝试。
        8、怎么2楼还挨骂，真2，三楼骂骂也就算啦，二楼还不行，看来得勇夺高富帅啦！
        9、评论最下的分割竖线实在不协调，建议去除。
        10、把“我擦，你敢用纯字母、符号评论给我试试！”这句话改改成比较尊重的，卖出去之后肯定有人不想在博客里有脏字。
        ps：先说这么多，如果那一条说的不清楚或不懂可以@我，对我的建议持反对态度就不用搭理了。
        再ps：以上是斌果扮演的斌果的个人观点，与斌果本人无关。

        回复
        1. 斌果 斌果

          @斌果：再次ps，那个@斌果之后的冒号是英文的，不好看，应该改成中文的，协调。

          回复
          1. 斌果 斌果

            @斌果: pps什么的：继续第二条，那个第一行与日期的间距和第二行实在不符，还是建议空两个字。

            回复
            1. 斌果 斌果

              @斌果: 继续ps：貌似无刷新评论有问题呀。

              回复
              1. 斌果 斌果

                @斌果: 马上ps：给点什么建设性回复

                回复
              2. Tokin Tokin

                @斌果: 什么问题…

                回复
          2. Tokin Tokin

            @斌果: ＠加链接的话，需要改动很多文件，算了吧，目的只是想知道回复给谁的，没必要那么麻烦

            回复
        2. Tokin Tokin

          @斌果: 1想办法添点别的内容行了
          2距离好说，抽空改
          3去除的话，就回到之前的样式了
          4评论内容如果也放里面，就不是圆了
          5如果加链接，改的太多文件了，麻烦
          6好说，我想办法弄上
          7哪里的下拉条额
          8这个你还计较啊，好二好二
          9去掉好么？好吧，我试试
          10我晕，要的就是无节操啊

          回复
  3. kitten0 kitten0

    :mrgreen: IE这个神奇的东西估计是消失不了了

    回复
    1. Tokin Tokin

      @kitten0: 要是全部强制升级到IE8 ，我也就可以安息了

      回复
  4. 常青 常青

    看来已经基本成型了，底栏可以换种颜色试试哦。

    回复
    1. Tokin Tokin

      @常青: 换深色么？

      回复
      1. 常青 常青

        @Tokin: 可以尝试一下和顶栏一样的颜色

        回复
        1. Tokin Tokin

          @常青: 其实顶部用了内阴影…所以显得黑了

          回复
  5. 韩麦斯 韩麦斯

    留名~

    回复
    1. Tokin Tokin

      @韩麦斯: 擦擦，和你JJ一样短的评论

      回复
  6. OYOY OYOY

    百度Theme Wesky，你前面有个ccav

    回复
    1. Tokin Tokin

      @OYOY: 哈哈，那不是CCAV1么

      回复
  7. 小刀 小刀

    网站是经常改啊 :roll: 。

    回复
  8. [已删除] [已删除]

    我对IE67的策略是让它们直接滚犊子，要不是考虑到xp用户，IE8我也给屏蔽了。

    回复
    1. Tokin Tokin

      @[已删除]: 我办事拖泥带水的，屏蔽IE67，没你那个魄力，唉

      回复
  9. 馒头饭madfan 馒头饭madfan

    我的是IE8，不过有些博客总显示是IE6

    回复
    1. Tokin Tokin

      @馒头饭madfan: IE8还是不能获得很好的网站体验，还是用支持css3的吧

      回复
      1. 馒头饭madfan 馒头饭madfan

        @Tokin：嗯，其实火狐，遨游，360，QQ，谷歌，IEtester都有装，IE10metro换个系统登录也有，需要测试兼容可以叫我呀~平常最常用的还是360，对于微软只肯升级到IE8，强烈不满。IE10的体验非常好，就是xp不能用呀。。

        回复
        1. Tokin Tokin

          我就是用的 IEtester 测试的IE6、7的兼容性，我本本目前还只是Win7的IE8，IEtester的IE9貌似有点问题，测试不出效果，而IE10按钮是灰色的，不知道什么情况 :arrow:

          回复
          1. 馒头饭madfan 馒头饭madfan

            @Tokin：需要测试IE10可以叫我呀，我这边win8原生IE10，IE10自带的开发工具很好用，可以模拟不同分辨率，不通文档模式（包括IE7，8，好像还有5）下的浏览效果。WIN7好像可以升级到IE10桌面版了。IEtester只测试5~8就可以了。

            回复
            1. Tokin Tokin

              Win7倒是能升级到IE10，不过还需要升级Win7，好麻烦，算鸟，伺候好IE8，IE10应该也不用担心了 :grin:

              回复
              1. 馒头饭madfan 馒头饭madfan

                @Tokin：嗯，基本不用担心，IE10下的效果基本和谷歌下一致。部分大字体优化的效果比谷歌还好看一些。

                回复
  10. 单车岁月 单车岁月

    不升级会死星人只照顾使用最最最新版的用户 :twisted:

    回复
    1. Tokin Tokin

      @单车岁月：愣是没读懂你这句话的意思。。。 :arrow:

      回复
      1. 单车岁月 单车岁月

        @Tokin： :???: 意思是我只用最新版的浏览器，网页效果以最新版浏览器为准，懂了？

        回复
  11. 醉风云 醉风云

    用Wesky的某些SEO神马的朋友，代码不见你会多少，版权去的可真不含糊。。。 这句说道点上了

    回复
    1. Tokin Tokin

      @醉风云：你的主题也是这样吧。。。好吧，我们都要慢慢适应才行

      回复
  12. 醉过 醉过

    博主你现在这个模板是在哪里有下载呢？还是？

    回复
    1. Tokin Tokin

      @醉过：目前还是私人主题，等优化好后就是商业主题鸟，如果需要免费主题，那就不需要等这个主题了

      回复
      1. 醉过 醉过

        @Tokin：现在这主题售不。

        回复
        1. Tokin Tokin

          @醉过：暂时还没弄完，还有需要修改的，努力做好，不能让用户花钱买一个垃圾主题

          回复
  13. 无名 无名

    你现在这个主题不错，到时可以考虑一下。
    我觉得你那楼层框把下面的回复内容框住要好些吧

    回复
    1. Tokin Tokin

      @无名：如果框上了，文字少还好说，文字多了就不是我想要的效果了

      回复
  14. 牛逼思维 牛逼思维

    不再考虑 6 的感受了

    回复
    1. Tokin Tokin

      @牛逼思维：这墙怎么还墙我。。。。

      回复
  15. 哼哼猪 哼哼猪

    这主题看着真。。。,

    回复
    1. Tokin Tokin

      @哼哼猪：额，我主题怎么了…

      回复
  16. 晒太阳的奶酪 晒太阳的奶酪

    :?: 原来你是用这种方法分开的!

    回复
    1. Tokin Tokin

      @晒太阳的奶酪：也不完全是，配合Hack就好很多了

      回复
  17. 免费资源部落 免费资源部落

    速度快了好多。。。

    回复
    1. Tokin Tokin

      @免费资源部落：那就好，幸好备案了，我可真受不了不备案绑定域名的那速度，堪比龟速，备案的域名能申请解析到国内IP，速度才能上来

      回复
  18. 简搜博客 简搜博客

    虽然不好用 也不要动这么大火气嘛 :lol:

    回复
    1. Tokin Tokin

      @简搜博客：不是好用不好用的问题，是IE6、7实在太神奇了…

      回复
  19. 我的名字叫麒 我的名字叫麒

    哈哈，全世界都在消灭IE6，但是到现在还有很多，比基地还难消灭。

    回复
  20. 长相思小说站 长相思小说站

    现在用IE的还是最多

    回复
  21. Xider Xider

    :arrow: IE6目测很难阵亡

    回复
    1. Tokin Tokin

      我的站现在已经兼容IE6了。。。

      回复
      1. Xider Xider

        @Tokin：反正JQ2.0都要抛弃IE了，我也就不管什么兼容性了

        回复
  22. 飘零 飘零

    IE6已经没多少人用了

    回复
    1. Tokin Tokin

      @飘零：我感觉IE6在减少，但偶尔还是能看到IE6的影子，不断的告诉我一个信息，IE6还没屎干净…

      回复
  23. 晒太阳的奶酪 晒太阳的奶酪

    :eek: 整个站都是效果，看起来真有感觉！

    回复
    1. Tokin Tokin

      @晒太阳的奶酪：必须的，这是实打实的从头做出来的主题，我想把它弄好，不想弄砸喽…

      回复
  24. 天域剑客 天域剑客

    消灭IE，大势所趋 :smile: :smile:

    回复
  25. 囧小样 囧小样

    没觉得IE6好用，虽然我是个守旧主义者。。其实IE7还不错，有tab标签。。

    回复
    1. Tokin Tokin

      @囧小样：IE7也不行，想获得最基本的浏览体验，至少需要IE8

      回复
  26. 天域剑客 天域剑客

    搬到云商店啦？难怪速度这么快。都快堪比我的景安了 :twisted: :twisted:

    回复
    1. 斌果 斌果

      @天域剑客：你怎么这样

      回复
    2. Tokin Tokin

      @天域剑客：拜托，都是秒开，你至于那么烘托你的景安么，擦，你妹子的

      回复
  27. 必美吧纤体霜 必美吧纤体霜

    太给力了！我也学习了！

    回复
  28. 小漠 小漠

    按目前的局势。在国内IE6是屎不干净的、 :mrgreen:

    回复
    1. Tokin Tokin

      @小漠：是啊，已经是老顽固了

      回复
  29. 韩麦斯 韩麦斯

    你文章标题下面的那条进度条有代码没，我也弄个

    回复
    1. Tokin Tokin

      @韩麦斯：网上很多教程的…我这个比较坑，用的css，你看着扒吧

      回复
  30. 木头怀 木头怀

    这个评论部分弄的不错了！！ :twisted:

    回复
  31. ye,夜 ye,夜

    dnspod都已经放弃了ie6了，我们不用那么坚持的 :mrgreen: :mrgreen: :mrgreen:

    回复
    1. Tokin Tokin

      @ye,夜：什么是好像，是已经放弃很久很久了

      回复
      1. ye,夜 ye,夜

        @Tokin： :!: :!: 嘿嘿。。

        回复
  32. ye,夜 ye,夜

    云商店是啥？

    回复
    1. 斌果 斌果

      @ye,夜：我来告诉你，其实我也不太懂 :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol: :lol:

      回复
      1. ye,夜 ye,夜

        @斌果： :arrow: :arrow: :arrow: 你赢了

        回复
        1. 斌果 斌果

          @ye,夜：必须的 :mrgreen: :mrgreen: :mrgreen: :mrgreen: :mrgreen: :mrgreen: :mrgreen: :mrgreen:

          回复
    2. Tokin Tokin

      @ye,夜：百度一下啊，和普通IDC差不多，不过云商店基于SAE，运算效率高，安全速度快等特点

      回复
  33. 1443231134@qq.com 1443231134@qq.com

    只从放弃IE6后就没用过IE了！

    回复
  34. 小五 小五

    放弃吧，或者单独给个主题

    回复
    1. Tokin Tokin

      @小五：放弃？单独给主题？什么主题…

      回复
      1. 斌果 斌果

        @Tokin：纯html主题 :mrgreen: :mrgreen: :mrgreen: :mrgreen: :mrgreen:

        回复
        1. Tokin Tokin

          @斌果：拉倒吧，别告诉我你也折腾主题，你家的wp主题可以纯html…你应该说纯CSS才对，孩子…

          回复
          1. 斌果 斌果

            @Tokin：你理解错了，我说的纯html主题就是不用任何css属性，只用表格。你说的纯css是指没有图片的主题 :???: :???: :???: :???: :???:

            回复
            1. Tokin Tokin

              @斌果：我去，那样的主题能看？能用？…

              回复
              1. 斌果 斌果

                @Tokin：只要用心，表格从理论上说，可以达到简单的网页效果，除了那些及其复杂的css属性。可以给手机单独弄个纯html主题。

                回复
  35. 小蝴蝶 小蝴蝶

    大家都对hack ie很不满...

    回复
    1. Tokin Tokin

      @小蝴蝶：为什么么呀

      回复
      1. 小蝴蝶 小蝴蝶

        @Tokin： :?: 你自己写的

        回复
  36. 刘荣焕 刘荣焕

    文章首页加入ajax以后 点击下一页，ajax出来的东西 原来的js对他不起作用 这个东西怎么搞 比如对文章的特色图像施加鼠标滑过半透明啊 之类的 暂时没想到好办法呀

    回复
    1. Tokin Tokin

      @刘荣焕：对于Ajax翻页后jq失效问题，可以重新绑定jq，或者把对应的js放到ajax范围内，让其翻页后重新加载一遍
      图片半透明效果，我用的是css，美用到js，所以翻页后依然有效

      回复
    2. Tokin Tokin

      @刘荣焕：看了看themeidea.com，我建议你尽量减少_blank的使用，体验不怎么好，而且新窗口打开占用系统资源。。。

      回复
      1. 刘荣焕 刘荣焕

        @Tokin：今天修那个主题就是看的你的代码 稍微修改了一下 文章的链接肯定需要在新窗口 在当前窗口没法返回是个问题

        回复
  37. 刘荣焕 刘荣焕

    ajax调用的循环里面需要重新加载jq库么 图片的半透明 只是一个例子 呵呵 多谢解说

    回复
    1. Tokin Tokin

      @刘荣焕：不用加载jq库，只需要加载对应js就行了，你看看我的代码

      回复
    2. Tokin Tokin

      @刘荣焕：在ajax循环里加上
      [?php if ( is_paged() ) { ?] //只在分页调用下面的js
      [script src="js路径"][/script]
      [?php }?]
      你替换一下 “[” 和 “]” 吧

      回复
  38. 月经推迟的原因 月经推迟的原因

    IE6就是一款失败的产品！狠多网站在6上面就会变形！现在用6的应该只剩下一些公司单位了吧！快屎光了！

    回复
    1. Tokin Tokin

      @月经推迟的原因：我的站兼容IE6，下了好一般功夫

      回复
  39. 文海樱 文海樱

    很久以前，一直为这个纠结，到后来，我不管了。。。彻底无视好了。。。。

    回复
    1. Tokin Tokin

      @文海樱：兼容IE6确实太费力气了，得不偿失，因为好像没多少人用IE6了

      回复
  40. 阳光互联网博客 阳光互联网博客

    呵呵，测试了下 不用中文的评论。没有提示错误，但也看不见评论。难道被过滤了。？

    回复
    1. Tokin Tokin

      @阳光互联网博客：直接挡掉了，不提交…

      回复
  41. 黎健雄 黎健雄

    其实我只是想问，那个评论等级怎么整。。 :arrow: :arrow:

    回复
    1. Tokin Tokin

      @黎健雄：百度一下有很多的啦！

      回复
  42. 小雨 小雨

    你终于领悟了，哈哈！

    回复
  43. 落落 落落

    这是 什么额

    回复
  44. IE独有兼容性判断语句 | 斌果博客 IE独有兼容性判断语句 | 斌果博客

    [...] @天空团 [...]

    回复

添加新评论