Есть фоновый фрейм, внутри которого я хочу показать вертикальное видео (соотношение сторон 4: 5) , для которого я дал значение отступа 125% к :: before псевдоселектор .Он отлично отображается в во всех браузерах / ОС, кроме браузера Safari .Я погуглил и попробовал несколько вещей, но ни одна из них не сработала.
Первоначально я думал, что он должен быть кэширован, как и изменения css, поэтому обновил страницу, очистил историю браузера.Также я добавил postion: абсолютное свойство.Ничего не получилось.
<div class="backgroundImageClass">
<div class="embed-responsive embed-responsive-9by16">
<iframe></iframe>
</div>
</div>
css - -
.embed-responsive-9by16::before {
display: block;
content: "";
padding-top: 125%;
}
Я ожидал, что :: before свойство будет взято.Но это не берется.CSS просто не появляется, когда я проверяю элемент.Фоновое изображение видно только из средней части.