IE浏览器各版本的CSS条件判断

Browser Sandbox安装了下,发现之前一直用的一个纯CSS横向导航的水平居中出了问题,在IE8下完全居左了。找了很久没发现问题所在,索性每份CSS分开屏蔽,最终确定是针对IE的CSS问题,得避掉IE8只对IE7及以下版本设置。

之前只是针对所有的IE浏览器:

<!--[if IE]>
<link href="Style/IE.css" rel="stylesheet" type="text/css" />
<![endif]-->
要避掉IE8的话就得:

<!--[if lt IE 8]>
<link href="Style/IE.css" rel="stylesheet" type="text/css" />
<![endif]-->
lt在此作小于用,也就是小于IE8的版本都能识别。

或者:

<!--[if lte IE 7]>
<link href="Style/IE.css" rel="stylesheet" type="text/css" />
<![endif]-->
lte在此作小于及等于用,也就是小于及等于IE7的版本能识别。

或者:

<!--[if !(IE 8)]>
<link href="Style/IE.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!–[if !(IE 8)]><![endif]–>在此单独避掉IE8版本。

You may also like...