SIFR3 - ссылка не кликабельно, когда Wmode устанавливается на прозрачный (Firefox)
-
24-10-2019 - |
Вопрос
sIFR.replace(cochin, {
selector: 'h1',
tuneHeight:-5,
wmode: 'transparent'
, css: [
'.sIFR-root { text-align: left; font-weight: bold; color: #959595; line-height: 1em; leading: -2}'
, 'a { text-decoration: none;}'
, 'a:link { color: #959595; }'
, 'a:hover { color: #bbbaba; }'
]
, filters: {
DropShadow: {
distance: 1
, color: '#2d2a26'
, strength: 1
}
}
});
Если заменяемый элемент - это ссылка и если wmode: 'transparent'
Установлен, затем я заметил следующую ошибку: - Если я прокручиваю страницу, нажмите где -нибудь (не по ссылке SIFR), а затем перейдите по мышке по ссылке SIFR, у меня нет курсора (точка) (по умолчанию один показан). Если я нажимаю по ссылке, то после того, как мыши реализаза сдаются на руку, а затем ссылка получите нормальное поведение (Hover также активен). Если я удалюсь wmode: 'transparent'
Затем ссылка действует нормально. Это замечено в Firefox, то есть в нем работает нормально.
У кого -нибудь были подобные проблемы?
Решение
Это известная проблема с Firefox. Единственный обходной путь, который я обнаружил, - добавить это правило CSS:
.fontname:hover {background-position:0% 100%;}
В этом примере FontName - это класс CSS, который определяет, какие теги заменяются (в вашем случае это будет H1: Hover)