sIFR 3:修复焦点:正确吗?

发布于 2024-07-16 02:33:44 字数 1243 浏览 7 评论 0原文

我正在寻找一种方法来删除 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/

i'm after a way to remove the outline focus that firefox applies to my page:
http://www.bevelite.com.au/test

i've read that applying the following will fix this but can't seem to apply it to my code:

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

my code:

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; }',
]
});

can anyone see where i could apply this to me code?

(sIRF documentation here > http://wiki.novemberborn.net/sifr3/)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

鯉魚旗 2024-07-23 02:33:45

Mathew Taylor 上面的答案可能更准确,但你的问题是将该片段放在哪里。另外,请注意,在你的片段中,你的数组 '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; }'
    ]
    });

Mathew Taylor's answer above is probably more accurate but your question is where to put that snippet in. Also, note in your snippet you had an extra trailing comma in your array 'css: []', you should watch out for those because they will get you in 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; }'
    ]
    });
西瓜 2024-07-23 02:33:45

如果您指的是活动链接上的虚线轮廓,则可以将其删除,如下所示:

a {
   outline:0;
}

If you are referring to the dotted outline on active links it can be removed like this:

a {
   outline:0;
}
万劫不复 2024-07-23 02:33:45

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

The fixFocus option has to do with actual focus on the Flash movie. I believe you should add object { outline: 0; } to get rid of the focus border Firefox has started to display for some reason.

一场信仰旅途 2024-07-23 02:33:45

Firefox 3.5 中唯一对我有用的:

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

其他浏览器(我测试了最新的 Opera、Chromium、IE)似乎没有这个功能问题。 它与链接元素无关,而是与 Flash 对象相关。

The only thing that worked for me, in Firefox 3.5:

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

Other browsers (I tested latest Opera, Chromium, IE) don't seem to have that issue. It's not related to link elements but to the Flash object.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文