问题描述:

想必浏览器兼容问题是大家共同的问题,而且是难点问题,这个没有一劳永逸的方法,只有经过经验的积累

来处理这类问题;所以动手记笔记是那么的重要。

以下是一个通过在jsp或css中使用if条件判断来处理各版本浏览器兼容问题的方案,希望对大家有所帮助

场景:如果是ie8浏览器我需要在页面上显示一个确定按钮。

代码如下:

<!--[if IE 8]>
<li style="margin:0px;">
<button onclick="submitForm();" class="btn">确定</button>
</li>
<![endif]-->
以下是收集的一些关于jsp和css中使用if来处理兼容问题的一些使用方法:

一:通过控制js来控制

<!--[if IE]> 
<script type="text/javascript"> 
new Marquee("ygjy1",0,2,395,300,50,0,0) 
new Marquee("jbhc1",0,2,395,300,50,0,0) 
</script> 
<![endif]--> 
二:通过控制css来控制

Css if hack条件语法 
<!--[if IE]> Only IE <![endif]--> 
仅所有的WIN系统自带IE可识别 
<!--[if IE 5.0]> Only IE 5.0 <![endif]--> 
只有IE5.0可以识别 
<!--[if gt IE 5.0]> Only IE 5.0+ <![endif]--> 
IE5.0包换IE5.5都可以识别 
<!--[if lt IE 6]> Only IE 6- <![endif]--> 
仅IE6可识别 
<!--[if gte IE 6]> Only IE 6/+ <![endif]--> 
IE6以及IE6以下的IE5.x都可识别 
<!--[if lte IE 7]> Only IE 7/- <![endif]--> 
仅IE7可识别 
<!--[if gte IE 7]> Only IE 7/+ <![endif]--> 
IE7以及IE7以下的IE6、IE5.x都可识别 
<!--[if IE 8]> Only IE 8/- <![endif]--> 
仅IE8可识别 

案例:

DIV+CSS实例教程

让IE6-IE8显示不同的内容,DIV CSS代码如下: 

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>DIV IF条件实例WWW.DIVCSS5.COM实例</title> 
</head> 
<body> 
你正在使用: 
<!--[if IE 7]> 
<h2>IE7</h2> 
<![endif]--> 
<!--[if IE 6]> 
<h2>IE6</h2> 
<![endif]--> 
<!--[if IE 8]> 
<h2>IE8</h2> 
<![endif]--> 
<strong>DIVCSS5说明</strong>:如果你的浏览器版本为多少即会显示IE多少,针对IE6-IE8实验CSS教程 
</body> 
</html> 

DIV+CSS实例二: 
让IE6-IE8显示不同CSS样式效果,DIV CSS代码如下
<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>CSS IF条件hack实例 www.divcss5.com</title> 
<!--[if IE 6]> 
<style type="text/css"> 
.divcss5{ color:#F00;} 
</style> 
<![endif]--> 
<!--[if IE 7]> 
<style type="text/css"> 
.divcss5{ color:#FF0;} 
</style> 
<![endif]--> 
<!--[if IE 8]> 
<style type="text/css"> 
.divcss5{ color:#00F;} 
</style> 
<![endif]--> 
</head> 
<body> 
<div class="divcss5"> 
DIV CSS实验提示:

我在IE6下是红颜色,在IE7下是黄颜色,在IE8下是蓝颜色 
</div> 
</body> 
</html> 








作者:星辰 时间:2016-07-06 浏览 672评论 0 赞 0砸 0 标签: 前端兼容性 css javascript
评论
还可以再输入500个字

请您注意

·自觉遵守:爱国、守法、自律、真实、文明的原则
·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规
·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·您在NoteShare上发表的作品,NoteShare有权在网站内保留、转载、引用或者删除
·参与本评论即表明您已经阅读并接受上述条款