当smarty的边界符定义为{} （大括号）的时候~{literal}{/literal}是用来忽略解析大括号的。
Literal 标签区域内的数据将被当作文本处理，此时模板将忽略其内部的所有字符信息. 该特性用于显示有可能包含大括号等字符信息的javascript 脚本. 当这些信息处于 {literal}{/literal} 标签中时，模板引擎将不分析它们，而直接显示.
所以，不管在什么地方，出现大括号，但是又不是smarty代码，都需要{literal}{/literal}来忽略解析，不然就会出错。
---------------------------
那么以上，对于css~一样加上{literal}{/literal}就好了,例:
{literal}

{/literal}

{literal} {/literal}