Я использую CSS, чтобы визуально скрыть тег привязки, уменьшив его до квадрата 1x1.Когда пользователь фокусируется на нем, я использую CSS, чтобы его скрыть (и снова скрыть, когда фокус исчезнет).
Моя проблема - он отлично работает для меня в Firefox (mac & windows) но пара других испытывают проблемы с вкладыванием / фокусировкой на теге привязки;таким образом, они не могут запускать стиль CSS, который выводит на экран тег привязки.После тестирования на 6 компьютерах (все Mac), 2 из них не могут подключиться к этому тегу привязки, а остальные могут - все находятся на Firefox 65.0.1 (64-разрядная версия).
Я действительно озадачен тем, что здесь происходит.
Вот визуально скрытый CSS:
.visuallyhidden, .sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.visuallyhidden:focus, .sr-only:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
А вот тег привязки:
<a class="visuallyhidden video__audioDesc" rel="featured-video" target="_blank" href="#" id="video__audioDescID">Video Link</a>
Заранее благодарим за любую помощь, она очень ценится!