Я протестировал веб-сайт, который сейчас разрабатываю, в разных браузерах. Все выглядит нормально, пока Safari не начнет работать неправильно и не загрузит background-image
, который я закодировал.
Остальные браузеры, которые я тестировал, работают нормально.
Я думаю, что, возможно, код, который я использовал, несовместим с Safari. Если у вас есть какой-нибудь хитрый способ объявить фоновое изображение с помощью JavaScript, научите меня.
$("#homebtn1").click(function() {
$("#home").css({"background-image":"url(images/New/17.jpg)","background-position":"center"});
})
$("#homebtn2").click(function() {
$("#home").css({"background-image":"url(images/New/18.jpg)","background-position":"center"});
})
$("#homebtn3").click(function() {
$("#home").css({"background-image":"url(images/how.jpeg)","background-position":"center"});
})
Примеры изображений Safari Image Error
Да, сэр, я использую jQuery
Попробуйте добавить свойство фона
background-size: cover;
Или в jQuery
"background-size":"cover",
Это может заставить его работать.
Надеюсь это поможет. :)
Вы используете jquery? Также свойство
background:
может быть установлено как для позиции, так и для изображения, и оно короче;)