sIFR 3：定焦：是吗？答案

【问题标题】：sIFR 3: fixfocus: true?sIFR 3：定焦：是吗？
【发布时间】：2010-10-15 20:22:11
【问题描述】：

我正在寻找一种方法来删除 Firefox 应用于我的页面的大纲焦点： http://www.bevelite.com.au/test

我已阅读到应用以下内容将解决此问题，但似乎无法将其应用于我的代码：

sIFR.replace(movie, {fixFocus: true});

我的代码：

sIFR.replace(univers47cl, {
selector: 'h1.test',
wmode: 'transparent',
css: [
    '.sIFR-root { font-size: 20px; font-weight: 100; color: #000000; text-transform: uppercase; line-height: 20px; margin: 0 0 15px 0; padding: 0; }',
    'a { text-decoration: none; }',
    'a:link { color: #000000; text-decoration: none; }',
    'a:hover { color: #000000; text-decoration: underline; }',
]
});

sIFR.replace(univers47cl, {
selector: 'h1',
wmode: 'transparent',
css: [
    '.sIFR-root { font-size: 20px; font-weight: 100; color: #00b9f2; text-transform: uppercase; line-height: 20px; margin: 0 0 15px 0; padding: 0; }',
    'a { text-decoration: none; }',
    'a:link { color: #00b9f2; text-decoration: none; }',
    'a:hover { color: #00b9f2; text-decoration: underline; }',
]
});

谁能看到我可以在哪里应用这个代码？

（此处为 sIRF 文档 > http://wiki.novemberborn.net/sifr3/）

【问题讨论】：

标签： javascript css firefox sifr

【解决方案1】：

在 Firefox 3.5 中唯一对我有用的东西：

.sIFR-flash:focus{outline: none;}

其他浏览器（我测试过最新的 Opera、Chromium、IE）似乎没有这个问题。它与链接元素无关，而与 Flash 对象有关。

【讨论】：

【解决方案2】：

fixFocus 选项与 Flash 电影的实际焦点有关。我相信您应该添加object { outline: 0; } 以摆脱Firefox 因某种原因开始显示的焦点边框。

【讨论】：

【解决方案3】：

Mathew Taylor 上面的回答可能更准确，但你的问题是把 sn-p 放在哪里。另外，请注意在你的 sn-p 中，你的数组“css：[]”中有一个额外的尾随逗号，你应该注意那些，因为它们会让你进入 IE

sIFR.replace(univers47cl, {
    selector: 'h1.test',
    wmode: 'transparent',
    fixFocus: true,
    css: [
            '.sIFR-root { font-size: 20px; font-weight: 100; color: #000000; text-transform: uppercase; line-height: 20px; margin: 0 0 15px 0; padding: 0; }',
            'a { text-decoration: none; }',
            'a:link { color: #000000; text-decoration: none; }',
            'a:hover { color: #000000; text-decoration: underline; }'
    ]
    });

sIFR.replace(univers47cl, {
    selector: 'h1',
    wmode: 'transparent',
    fixFocus: true,
    css: [
            '.sIFR-root { font-size: 20px; font-weight: 100; color: #00b9f2; text-transform: uppercase; line-height: 20px; margin: 0 0 15px 0; padding: 0; }',
            'a { text-decoration: none; }',
            'a:link { color: #00b9f2; text-decoration: none; }',
            'a:hover { color: #00b9f2; text-decoration: underline; }'
    ]
    });

【讨论】：

【解决方案4】：

如果您指的是活动链接上的虚线轮廓，可以像这样删除它：

a {
   outline:0;
}

【讨论】：