网站设计中如何处理浏览器兼容问题-续

        在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山,此外还有Firefox、Opera等。需要对这些浏览器进行兼容。上一篇《CSS在各大浏览器中兼容问题处理方法》介绍了CSS在不同浏览器兼容的处理方法,提到了用条件语句判断,今天就这个问题介绍第二篇处理浏览器兼容问题。

       直接在html代码里执行的语句。通俗点,就是用条件注释一些if判断,但这些判断不是在脚本里执行的,而是直接在html代码里执行的,比如:
<!–[if IE]>
这里是正常的html代码
<![endif]–>

可使用如下代码检测当前IE浏览器的版本(注意:在非IE浏览器中是看不到效果的)
<!–[if IE]>
      <h1>您正在使用IE浏览器</h1>
      <!–[if IE 5]>
          <h2>版本 5</h2>
      <![endif]–>
      <!–[if IE 5.0]>
          <h2>版本 5.0</h2>
      <![endif]–>
      <!–[if IE 5.5]>
          <h2>版本 5.5</h2>
      <![endif]–>
      <!–[if IE 6]>
          <h2>版本 6</h2>
      <![endif]–>
      <!–[if IE 7]>
          <h2>版本 7</h2>
      <![endif]–>
    <!–[if IE 8]>
          <h2>版本 8</h2>
      <![endif]–>
<![endif]–>
       那如果当前的浏览器是IE,但版本比IE5还低,该怎么办呢,可以使用<!–[if ls IE 5]>,当然,根据条件注释只能在IE5+的环境之下,所以<!–[if ls IE 5]>根本不会被执行。

发表评论