sIFR 3: fixfocus: правда?

Мне нужен способ удалить фокус контура, который 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
person mattt    schedule 27.03.2009    source источник

Ответы (4)


arrow_upward
0
arrow_downward

Ответ Мэтью Тейлора выше, вероятно, более точен, но ваш вопрос в том, куда поместить этот фрагмент. Также обратите внимание, что в вашем фрагменте у вас была дополнительная запятая в конце вашего массива '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; }'
    ]
    });
person joelpittet    schedule 27.03.2009

arrow_upward
0
arrow_downward

Если вы имеете в виду точечный контур активных ссылок, его можно удалить следующим образом:

a {
   outline:0;
}
person Matthew James Taylor    schedule 27.03.2009

arrow_upward
0
arrow_downward

Параметр fixFocus связан с фактическим фокусом на Flash-ролике. Я считаю, что вам следует добавить object { outline: 0; }, чтобы избавиться от границы фокуса, которую Firefox по какой-то причине начал отображать.

person Mark Wubben    schedule 27.03.2009

arrow_upward
0
arrow_downward

Единственное, что у меня сработало в Firefox 3.5:

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

В других браузерах (я тестировал последние версии Opera, Chromium, IE), похоже, такой проблемы нет. Это связано не с элементами ссылки, а с объектом Flash.

person Community    schedule 01.07.2009