JA文档中文翻译 - JA模板定制FAQ - IE6警告 - VII II X - Joomla控，Drupal粉 - 开源CMS建站新闻杂谈、文档教程、案例介绍、扩展相关、个人博客及收藏

JA文档中文翻译 - JA模板定制FAQ - IE6警告

Joomla文档中文翻译 - JA模板定制FAQ Saturday, 27 February 2010 13:21

前面一篇文档中，我们了解了模板在移动设备浏览时样式方面的定义；今天来看看怎样为我们的模板增加一个小功能：当用户使用IE6进行浏览时，弹出警告，并向其推荐高级浏览器。当然，这件事情并非必需，可以根据项目状况酌情处理。

禁止浏览器探测

可以不必使用IE6来一步步做这个东东，我们可以先禁止浏览器探测功能，在Firefox中做好样式，然后再将浏览器探测开启，使其只在IE6中被触发显示。打开我们的默认布局文件shop.php，在84行附近找到如下代码并将条件判断注释掉：

<?php //if ($this->isIE6()) : ?>
 
       <?php $this->loadBlock('ie6/ie6warning') ?>
 
<?php //endif; ?>

这样就可以在所有浏览器中显示IE6警告信息了，虽然在其他浏览器中查看时会有样式上的差异，但是没有大碍。

警告设置

打开templates/ja_purity_ii/layouts/ie6中的ie6warning.php文件，找到如下代码：

define ('SHOW_IE6_WARNING', 'close'); /* Setting for this message. Clear cookie if you change this setting.
'none': Not show warning
'once': Show one time only
'close': Show until user check box "Not show again" and close the message
'always': Always show this message
*/

这段代码的第一句定义了警告的行为方式，后面的注释中解释了参数的含义：

none：永远不显示警告
once：只在第一次打开该站点时显示警告
close：每次打开该站点时都会显示警告，但当用户点选“Not show again”之后就不再显示。
always：永远显示警告

为警告设定样式

我们可以通过templates/ja_purity_ii/layouts/ie6路径中的ie6warning.css文件为弹出警告设定样式；例如可以通过如下两段代码为弹出层和警告内容部分设定背景色：

#ie6-warning {
 
       position: absolute;
       top: 0;
       z-index: 999;
       font-size: 110%;
       height: 0;
       overflow: hidden;
       background:#e6e6e6; /* and add the background color that you have set for your template */ 
 
}

#ie6-warning .main {
 
       background: #fff;  /* we changed here to #fff, for white */ 
       border-bottom: 1px solid #ddd;
       padding: 10px 0;
 
}