CSS Psuedo :: after не применяется в обновленном Firefox 63
Прошлой ночью мой Firefox был обновлен до версии 63 без предварительного уведомления, изображение на моем веб-сайте, которое раньше отображалось правильно, только что сломалось.
Изображение, которое я разместил в сети, я использовал класс содержимого css
/*Chrome*/
.pswFilled{
content:url("psw_filled.png");
}
/*Firefox*/
.pswFilled::after{
content:url("psw_filled.png");
}
До обновления это работало правильно. Если хром обнаружен, применяется не псевдо. Также Firefox использует псевдоним. Однако после обновления, если оба размещены таким образом, Firefox сначала выберет не псевдо-изображение, чтобы использовать его, и удалит изображение.
Если я удалю непсевдострочку, Firefox выберет псевдострочку, и изображение будет отображаться правильно, но исчезнет в хроме.
Кто-нибудь испытал это? Пожалуйста помоги
Почему-то у меня такое чувство, что это не обычный div или что-то в этом роде. Это вход?
Спасибо ребята. Я нашел решение и поставил ответ здесь.
Ответы 1
Спасибо всем, кто пытается помочь. Нашел проблему и уже решил.
Проблема возникла из-за того, что я поместил класс в элемент img
Я думал, что это должно работать так же, как и тег div. На самом деле он работал до обновления Firefox до 63.
Раньше я так писал.
<img id='pwdBox' class='pswFilled'/>
Он работал как в Chrome, так и в Firefox (до 63).
но в 63 я должен поменять его на это
<div id='pwdBox' class='pswFilled'></div>
Благодаря extempl, который просветил меня с помощью jsfiddle
Эеш. В примечаниях к выпуску Fx 63 ничего не говорится об элементах, которые теперь поддерживают свойство content. Теперь мне любопытно В самом деле. Сказав это, вам нужно будет предоставить разметку, необходимую для воспроизведения этой проблемы.