Почему псевдоэлементы некорректно отображаются в Safari?

Question

[WillieShibelgut]

Здравствуйте! Помогите пожалуйста советом - не могу разобраться, почему ::before не работает так как надо в Safari? (примеры на скринах). Регулировал высоту, свойства background, но всё не то.

&::before {
                position: absolute;
                content: "";
                background: url(../../icons/bracket-2.svg) center (center / cover) no-repeat;
                display: block;
                width: 40px;
                height: 155px;
                left: -30px;
            }

Comments

[Антон Литвиненко]

Попробуйте добавить top:0, а ещё мне кажется что в background немного что-то не то, возможно один лишний center

Answer 1

[Steppp]

Возможно из за этого (center / cover), попробуй просто
background: url(../../icons/bracket-2.svg) center center no-repeat;
Ведь сафари вредный как IE )))
А лучше код в кодпен заливать, так бы посмотрел у себя, да сказал в чем касяк точно. Возможно и не в этом псевдо эл)

Comments

[WillieShibelgut]

Проблема решена, дело было в самой svg. В коде svg файла был прописан размер шрифта, который и обрезал картинку по высоте. Спасибо за готовность помочь :)

Answer 2

[Владимир]

Safari мобильный или десктопный? Версия для macOS, iOS или Windows?

Comments

[WillieShibelgut]

Владимир, я тестировал на Safari для iPhone, MacBook, iPad - везде одинаково.