LifeType 中文開發論壇

開發 => 模版設計 => 主題作者是: 3gboke 於 一月 13, 2006, 02:55:13 上午



主題: 根据不同的浏览器判断调用不同的CSS
作者: 3gboke一月 13, 2006, 02:55:13 上午
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


这个杂回事呢?  谢谢


主題: Re: 根据不同的浏览器判断调用不同的CSS
作者: 3gboke一月 13, 2006, 03:02:47 上午
参考过以下文章. http://www.uuclubs.com/blog/lilan/18832.htm   不过修改起来比较麻烦,对CSS的掌握要求又高,  暂时还是调用不同的CSS 方便些


主題: Re: 根据不同的浏览器判断调用不同的CSS
作者: bibicall一月 13, 2006, 03:50:46 上午
<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夾起來試試看