CODEWITHSUNDEEP
htmlcsssafaribackground-imagemobile-safari
Darko
Darko

Reputation: 75

CSS background-image don't work on Safari browser

My images don't work on Safari browser (iPhone 6,7,8...), it works on Chrome, Opera, Firefox. Please help me. Here is my live project http://plocastinamestajleske.com/

CSS code 

.logo {
  background-image: url("/assets/img/logo.png");
  background-image: url("/assets/img/logo.webp");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 200px;
  height: 100%;
}

Upvotes: 0

Views: 1657

Answers (1)

msmoore
msmoore

Reputation: 408

I've had a similar problem and converting my image from png to gif helped. There are a few known bugs with Safari and background images.

This link to a similar problem might have some other solutions if mine doesn't work.

Upvotes: 1

Related Questions