根据不同的浏览器判断调用不同的CSS

[3gboke]

hi . 

    在改模版中,发现IE中有CSS效果重叠, 多次刷新会有不同的效果.    然后我将header.template中的

{if $locale->getDirection()=="rtl"}
<link rel="stylesheet" href="styles/summary-rtl.css" type="text/css" media="screen" />
{else}
<link rel="stylesheet" href="styles/summary.css" type="text/css" media="screen" />
{/if}
<link rel="Shortcut Icon" href="favicon.ico"></link>
<link rel="Bookmark" href="favicon.ico"></link>
<!--[if IE ]>
<link rel="stylesheet" href="styles/summary-ie.css" type="text/css" media="screen" />
<![endif] -->

替换成

<script language="JavaScript">
<!--
var app=navigator.appName;
if (app.indexOf('firefox') != -1) {
    document.write('<link rel="stylesheet" href="styles/summary-ie.css" type="text/css">');
}
else if (app.indexOf('Microsoft') != -1) {
    document.write('<link rel="stylesheet" href="styles/summary.css" type="text/css">');
}
//-->
</script>

然后就出现以下错误了:


Fatal error: Smarty error: [in summary/header.template line 13]: syntax error: unrecognized tag: document.write(''); (Smarty_Compiler.class.php, line 403) in /lifetype/class/template/smarty/Smarty.class.php on line 1108


这个杂回事呢?  谢谢

[3gboke]

参考过以下文章. http://www.uuclubs.com/blog/lilan/18832.htm   不过修改起来比较麻烦,对CSS的掌握要求又高,  暂时还是调用不同的CSS 方便些

[bibicall]

<script language="JavaScript">
<!--
var app=navigator.appName;
if (app.indexOf('firefox') != -1) {
    document.write('<link rel="stylesheet" href="styles/summary-ie.css" type="text/css">');
}
else if (app.indexOf('Microsoft') != -1) {
    document.write('<link rel="stylesheet" href="styles/summary.css" type="text/css">');
}
//-->
</script>

用{literal}.........{/literal} 把javascript夾起來試試看