最近几天辛辛苦苦的修改了这个比较中意的模板,然后就需要考虑各个浏览器兼容性的问题了,目前大多数都是IE8,少部分还存在ie7、ie6等浏览器,ie浏览器绝对是一个噩梦,美丽的网站会被撕得粉碎,疼的你是不要不要的。。。
好了,言归正传,首先屏蔽IE8右侧兼容性按钮的代码,多说一句,如果你想IE8以下浏览器无法访问可以忽略此步。简简单单一段代码,因为本模板解决了IE8不兼容的问题,所以保留了IE8浏览器,只是去除了右侧的兼容按钮。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
就是这样一段代码,就OK了,放在header.php的头部即可,也可参照本站。
接下来自动判断IE浏览器版本,低于IE8则友情提示升级至IE9或者试试火狐浏览器和谷歌浏览器,此代码转载自天兴博客,他的是屏蔽了ie9以下浏览器,我只是改动了一下,代码如下:
{php}
$uarowser=$_SERVER['HTTP_USER_AGENT'];
if(strstr($uarowser, 'MSIE 6') || strstr($uarowser, 'MSIE 7') || strstr($uarowser, 'MSIE 8')){
echo '
<div id="ie6-alertBox">
<div id="ie6-infoBar"><h1>对不起,本站不支持低版本ie浏览器!</h1><p>站长表示实在是兼容不了低版本的IE浏览器,请升级你的IE浏览器。</p><p>推荐升级至IE9或者试试火狐浏览器和谷歌浏览器,如果你对IE是真爱......那么请关闭本站吧。</p></div>
</div>
<div id="ie6-overlay"></div>
<style type="text/css">
#ie6-alertBox{width: 600px;margin-top: 160px;margin-right: auto;margin-bottom: 0px;margin-left: auto;padding: 20px;border: 1px solid #CCCCCC;text-align: center;font-family: "Microsoft YaHei", Verdana, sans-serif; line-height: 30px;} #ie6-infoBar h1{font-size: 22px;color: #ff0000;line-height: 60px;}
</style>
';
exit;//全面停止支持
}
{/php}
如代码所示,只要检测到ie6、ie7、ie8弹出友情提示对话框,提醒升级或者更换其他浏览器,我取消了ie8的显示,删除了
strstr($uarowser, 'MSIE 8')
这段代码,加上了屏蔽兼容按钮的功能,如果您的网站不想兼容,直接复制代码即可,放在网站头部。现在好了,整个世界都清静了,哈哈哈哈,哦,对了 祝大家圣诞快乐。