关于前端页面在IE浏览器下无法显示的问题

来源:互联网 发布:软件锁许可管理器 cad 编辑:程序博客网 时间:2024/06/04 18:49

由于框架的发展和技术的革新,很多语言必须兼容浏览器才能很好的显示出新的特性和样式,那么我们的前端页面如果在IE浏览器下无法显示时该用什么办法提示用户(提示用户升级浏览器)???


最实用的办法就是加上判断浏览器是不是IE浏览器的语法:

 <!––[if IE]>

<![endif]––>


然后如果是IE浏览器就会进入该语法内执行相关语句,IE浏览器存在很多个版本,IE5,IE6,IE7,IE8...

所以我们还要加上相关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]––>
<![endif]––>

这就最简单的判断是不是IE和是不是某个IE版本,还有其他判断语法:

<!--[if lte IE 6]>
<![endif]-->
IE6及其以下版本可见

<!--[if lte IE 7]>
<![endif]-->
IE7及其以下版本可见

<!--[if IE 6]>
<![endif]-->
只有IE6版本可见

<![if !IE]>
<![endif]>
除了IE以外的版本

<!--[if lt IE 8]>
<![endif]-->
IE8以下的版本可见


<!--[if gte IE 7]>
<![endif]-->
IE7及大于IE7的版本可见

具体说明:

lte:就是Less than or equal to的简写,也就是小于或等于的意思。
lt :就是Less than的简写,也就是小于的意思。
gte:就是Greater than or equal to的简写,也就是大于或等于的意思。
gt :就是Greater than的简写,也就是大于的意思。
! : 就是不等于的意思,跟javascript里的不等于判断符相同


注意:这种语法的判断可以出现在页面的任何位置中,可以在<head></head>中使用,如在某某IE浏览器下引入那些样式文件或者JS文件,也可以在<style></style>中使用,直接判断在某某IE浏览器下使用哪些样式,也可以在<body></body>中判断在IE下使用哪些元素等等。


阅读全文
0 0
原创粉丝点击