图片 header 在除 Safari 之外的所有浏览器中加载，为什么？

Question

在我公司刚刚上线的网站上，通过 WordPress 通过 Advance Custom Fields 拉取的 header 图片工作正常。 URL 字符串加载正确，一切似乎都很好。但是当我在 Safari 上查看时，它似乎没有加载。

有什么想法吗？

http://www.wessexlabels.co.uk

Answer 1

你的网站在 Chrome Windows、Chrome Mac OSX、Safari Mac OSX，Safari 在 iOS。（最新版本）

在 Windows 的 Safari 5.1 中无法正常工作，但这是一个已停产的旧浏览器。

header 中有一个拼写错误被较新的浏览器忽略，header 上的样式元素应包含 url(.....) 但它包含 url(.....（即缺少右括号)

当我在 Safari 5.1 的开发者工具中修复此问题时，背景图像加载。

<section>
  <header class="image-hero" style="background-image: url(http://www.wessexlabels.co.uk/wp-content/uploads/2017/07/desk3-min.jpg" alt="Page Image" "173);"="">
    (....)
  </header>
</section>

图片 header 在除 Safari 之外的所有浏览器中加载，为什么？

Image header loading in all browsers but Safari, why?

wordpress

image

advanced-custom-fields