问题描述
下面这段代码，在ie浏览器中可以实现浅入效果，可是在火狐和谷歌中不行，那如何解决这个浏览器兼容性问题呢？<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">function Draw(text){if(document.all){content.filters[0].apply();content.innerHTML="<span style='color:#FF0000;font-size:40px;"+"filter:revealTrans(Transition=12,Duration=3)'>"+text+"</span>";content.filters[0].play();}}function button1_onclick(){Draw(input1.value);}</script></head><body><div id="content" style="filter:revealTrans(Transition=12,Duration=2); position:absolute; left:20px; top:100px; text-align:center; overflow:auto;"></div> <p> <input id="input1" style="width:100px; height:10px; size:auto;" /> </p> <p> <input id="button1" type="button" name="button1" value="浅入效果" onclick="return button1_onclick()" /> </p></body></html>
解决方案
document.all本身就是ie独有的方法，这还一贯被用来判断是否是ie浏览器呢！如果所有的js操作都用jquery来做的话，基本上是不用考虑兼容性问题了！
解决方案二：
如果是学习可以考虑自己实现，如果是为了完成工作用jquery吧
解决方案三：
写了个IE能用的代码，想在CHROME下用，怎么可能呢。直接使用JQUERY的效果就可以了。别费劲重新造轮子
解决方案四：
用filter应该是IE ONLY拿JQUERY吧，兼容性基本不用考虑的
解决方案五：
试试这个框架，http://www.iteye.com/news/8316-javascript-compatibility-test