CSS Psuedo :: after не применяется в Firefox обновлено 63 - PullRequest
Новая
       20

CSS Psuedo :: after не применяется в Firefox обновлено 63

0 голосов
/ 27 октября 2018

Прошлой ночью мой Firefox только что обновился до версии 63 без предварительного уведомления, изображение на моем сайте, которое раньше отображалось правильно, просто испортилось.

Изображение, которое я выкладываю в сети, я использовал класс контента CSS 

 /*Chrome*/
.pswFilled{
    content:url("psw_filled.png");
}

/*Firefox*/
.pswFilled::after{
    content:url("psw_filled.png");
}

До обновления это работало правильно. Если обнаружен хром, применяется не псевдо. Также Firefox использует псевдо один. Однако после обновления, если оба будут выставлены таким образом, Firefox выберет не псевдо, чтобы использовать сначала, и исчезнет изображение.

Если я удаляю не псевдостроку, Firefox выбирает псевдостроку, и изображение будет отображаться правильно, но исчезать в Chrome.

Кто-нибудь испытывал это? Пожалуйста, помогите

1 Ответ

0 голосов
/ 27 октября 2018

Спасибо всем, кто пытается помочь. Я нашел проблему и уже решил.

Проблема возникла из-за того, что я поместил класс в элемент img

Я думал, что это должно работать так же, как тег div. На самом деле он работал до обновления Firefox до 63.

Раньше я так писал. 

<img id='pwdBox' class='pswFilled'/>

Работало как в Chrome, так и в Firefox (до 63)

но в 63 я должен изменить это на 

<div id='pwdBox' class='pswFilled'></div>

Благодаря extempl, который просветил меня с помощью jsfiddle

...