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

Question

我有一个 demo page up here ；您可以查看源代码以查看我正在尝试做什么。

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

为了后代，我将从我链接到此处的演示页面粘贴一些源代码:

<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

我成功了 here .唯一的区别是我的 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; }'
        ]});

希望对您有所帮助。

/克劳斯