如何让颜色在 sIFR 3 r436 中发挥作用？

Question

我有一个演示页面；您可以查看源代码以了解我正在尝试做什么。

正如您所看到的，除了颜色之外，一切似乎都正常。我试图将颜色设置为蓝色（#0000ff），但它仍然是黑色。我为我的字体创建了一个自定义 SWF 文件，嵌入了单一字体的四种不同变体，以便适应每个 这些说明（因为此特定字体系列将常规、粗体、斜体和粗斜体存储为四种不相交的字体名称）。

为了便于后代，我将粘贴我链接到此处的演示页面中的一些源代码：

<style type="text/css">
h1.sifr {
    color: #0000ff;
    font-family: 'Myriad Pro';
    font-size: 1.75em;
    margin-bottom: 0;
}
</style>
<script type="text/javascript">
var myriad_pro = {src: 'myriad_pro.swf'};
sIFR.activate(myriad_pro);
sIFR.replace(myriad_pro, {
    selector: 'h1.sifr',
    css: {
        '.sIFR-root': {'color': '#0000ff', 'font-family' : 'Myriad Pro'},
        'em': {'color': '#0000ff', 'font-family' : 'Myriad Pro Italic' , 'font-style' : 'plain'},
        'strong': {'color': '#0000ff', 'font-family' : 'Myriad Pro Bold' , 'font-weight' : 'normal'},
        'em strong, strong em': {'color': '#0000ff', 'font-family' : 'Myriad Pro Bold Italic' , 'font-style' : 'plain', 'font-weight' : 'normal'}}
    }
);
</script>

我忘记了什么？如何让颜色发挥作用？

Answer 1

我在这里让它工作。唯一的区别是我的 sifr 文本包含在链接中，并且鼠标悬停时它会改变颜色。

我的脚本如下所示：

 <script language="javascript" type="text/javascript">
        //sIFR.useStyleCheck = true;
        var eurostile = {
            src: '/images/eurostile.swf'};
        sIFR.activate(eurostile);
        sIFR.replace(eurostile , {selector: "div#mainNav li", wmode: "transparent", 
        css: [
             'a { text-decoration: none; color: #666666; }'
            ,'a:link { color: #666666; }'
            ,'a:hover { color: #00299b; }'
        ]});
        sIFR.replace(eurostile , {selector: "div.menuHeadingText", wmode: "transparent"
        ,css: [
            '.sIFR-root { color: #FFFFFF; }',
            'a { text-decoration: none; color: #FFFFFF; }'
            ,'a:link { color: #FFFFFF; }'
            ,'a:hover { color: #FF5A00; }'
        ]});

        sIFR.replace(eurostile , {selector: "h2.boxHeading", wmode: "transparent"
        ,css: [
            '.sIFR-root { color: #666666; }'
        ]});

希望有帮助。

/克劳斯

Answer 2

您可能需要将颜色值大写，难道不应该是 font-style: normal 而不是 plain 吗？

Answer 3

好吧，对不起各位。事实证明我只是想太多了。最后，我最终重新导出了我的 SWF 文件（我想我第一次可能做得有些不正确）并显着降低了我的 JavaScript。我仍然在 Flash 文件中包含了所有“四种”字体的嵌入副本 - 我将主动态文本框设置为 Myriad Pro/Regular，然后创建了另外 3 个动态文本框（其中没有文本）设置为粗体分别为 、斜体和粗体斜体。然后，我确保在所有字符上单击“字符嵌入”，并确保包含我想要的字符。

最后，我的 JavaScript 看起来像这样：

<script type="text/javascript">
var myriad_pro = {src: 'myriad_pro.swf'};
sIFR.activate(myriad_pro);
sIFR.replace(myriad_pro, {
    selector: 'h1.sifr',
    css: {
        '.sIFR-root': {'color': '#0000ff'}
    }
});
</script>

我不必更改字体或任何内容，但我仍然必须确保所有四个都包含在 Flash 文件中。回想起来，当我说 font-family: "Myriad Pro Italic" 等时，它确实起作用了，这似乎有点奇怪，因为从技术上来说，这不是字体名称。但无论出于何种原因导致与颜色的冲突，所以当我只是将其称为普通的旧“Myriad Pro”并让它找出斜体和粗体时，一切都起作用了。 @Mark - 小写/大写颜色十六进制代码并不重要。然而，它确实必须是完整的6位十六进制代码（即#00f不起作用）。