我继承了一个使用 sIFR 2.0.7 的站点,由于我无法控制的原因,不太可能升级到 sIFR3。
我有一个带有已成功替换为 sIFR 的文本的 div。文本相当大,应该换到下一行,但它被 sIFR 缩小了。如果没有 sIFR,它会正确包装。
我已经搜索了 2.0.7 和其他线程的文档,但运气不佳。尝试设置较小的文本、div 上的固定高度、设置行高和更改字母间距。
任何提示或想法将不胜感激,谢谢!
从 sIFR 下载中包含的基本样式保持不变。相关代码:
HTML:
<div id="menu_header_FuturaStdMedium">Sample Header Text</div>
CSS:
.sIFR-hasFlash div#menu_header_FuturaStdMedium {
letter-spacing: -4px;
visibility: hidden;
font-size: 26px;
}
Javascript:
if(typeof sIFR == "function"){
// Headers
sIFR.replaceElement("div#menu_header_FuturaStdMedium", named
({sFlashSrc: "FuturaStdMedium.swf", sColor: "#000000", sCase: "upper", sWmode: "transparent", sFlashVars: "textalign=center"}));
}
生成的 HTML:
<div class="sIFR-replaced" id="menu_header_FuturaStdMedium" style="padding-top: 15px;"><embed style="width: 230px; height: 24px;" class="sIFR-flash" type="application/x-shockwave-flash" sifr="true" bgcolor="transparent" wmode="transparent" flashvars="txt=Sample Header Text&textalign=center&textcolor=#000000&w=230&h=24" quality="best" src="FuturaStdMedium.swf" height="24" width="230"><span class="sIFR-alternate">Sample Header Text</span></div>
再次感谢!
韦斯