Question

我继承了一个使用sIFR 2.0.7的网站，由于我无法控制的原因，升级到sIFR3的可能性不大。

我有一个带有文本的div，它已成功替换为sIFR。文本相当大，应该换行到下一行，而是由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&amp;textalign=center&amp;textcolor=#000000&amp;w=230&amp;h=24" quality="best" src="FuturaStdMedium.swf" height="24" width="230"><span class="sIFR-alternate">Sample Header Text</span></div>

再次感谢！

韦斯

Answer 1

我有同样的问题，通过谷歌发现此条目。以防万一其他人遇到同样的问题：似乎大多数奇怪的文本缩放sifr可以通过将想要替换的文本放入span-tag并替换span-tag来解决（这也解决了一些问题）奇怪的缩小sifr，当它应该包裹文本...）

所以在这种情况下：

HTML：

<div id="menu_header_FuturaStdMedium"><span>Sample Header Text</span></div>

JS：

if(typeof sIFR == "function"){
    // Headers
    sIFR.replaceElement("div#menu_header_FuturaStdMedium span", named
    ({sFlashSrc: "FuturaStdMedium.swf", sColor: "#000000", sCase: "upper", sWmode: "transparent", sFlashVars: "textalign=center"}));

}

我希望这有助于任何人：）

sIFR缩小文本而不是包装文本

1 个答案: