Фоновое изображение CSS не отображается в Safari - PullRequest
Новая
       42

Фоновое изображение CSS не отображается в Safari

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

У меня есть следующий CSS, который устанавливает фоновое изображение, но он не работает в Safari.Он даже не устанавливает цвет фона, хотя это должен быть запасной вариант.Я не могу установить Safari на Windows, поэтому я даже не могу его протестировать! 

.oops-body {
    background: url('/img/oops-bg.jpg') center/cover no-repeat #1b1d37;
    min-height: 100vh;
    overflow: hidden;
}

И HTML 

<body>
<div class="oops-body">
</div>
</body>


.oops-body {
	background: url('http://placehold.it/500') center/cover no-repeat #1b1d37;
	min-height: 100vh;
	overflow: hidden;
}
<div class="oops-body">
 </div>

Это был снимок экрана с сотрудником, у которого есть Safari:

enter image description here

Кстати, работает в мобильном Safari.Я тестировал на своем iPhone.

Ответы [ 2 ]

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

Можете ли вы попробовать это, 

background-image: url("http://placehold.it/500");
background-repeat: no-repeat;
background-position: center top;

вместо использования background.

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

замените background css на 

{
   background-image: url("image.png");
   background-repeat: no-repeat;
   background-attachment: fixed;
   -o-background-size: cover;
   -moz-background-size: cover;
   -webkit-background-size: cover;
}
...