Question

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

有什么想法吗？

http://www.wessexlabels.co.uk

Answer 1

您的网站在Chrome for Windows，Mac OSX上的Chrome，Mac OSX上的Safari和iOS上的Safari中都很适合我。（最新版本）

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

标题中有一个拼写错误被新浏览器忽略，标题上的样式元素应包含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>

在所有浏览器中加载图像标题但Safari，为什么？

1 个答案: